Skip to content

DatepickerComponent

component

Selector: yuv-datepicker

Standalone: Yes

Implements: ControlValueAccessor, Validator, OnInit, OnDestroy

Type: boolean

Default Value: false

Whether or not to show a calendar picker

Type: boolean

Default Value: false

Type: boolean

Whether or not to 12-hour format vs. default 24h format. By default the component will try to figure out which hour cycle to use based on the locale. Setting hour12 property to either trueor false will overwrite that.

Type: DatepickerLabels | undefined

Type: string

Type: Date

Allow only date inputs before this date

Type: Date

Allow only date inputs after this date

Type: boolean

Allow only date inputs that are after today

Type: boolean

Default Value: false

Whether or not the component is readonly

Type: boolean

Whether or not to also include time

Type: unknown

Default Value: false

Type: unknown

Default Value: signal<boolean>(false)

Type: Date | null

Default Value: null

Type: DateInputComponent

Type: unknown

Default Value: () => \{...\}

Type: unknown

Default Value: () => \{...\}

clear(): void
clickHandler(): void
closeCalendar(): void
copyToClipboard(): void
focusOutHandler(): void
keydownHandler(e: KeyboardEvent): void
NameTypeDescription
eKeyboardEvent
onCalendarDateApply(date: Date): void
NameTypeDescription
dateDate
onDateInputBlur(): void
onTextInputStatusChange(e: literal type): void
NameTypeDescription
eliteral type
openCalendar(): void
registerOnChange(fn: function): void
NameTypeDescription
fnfunction
registerOnTouched(fn: function): void
NameTypeDescription
fnfunction
registerOnValidatorChange(fn: function): void
NameTypeDescription
fnfunction
validate(ac: AbstractControl): ValidationErrors | null
NameTypeDescription
acAbstractControl
writeValue(value: any): void
NameTypeDescription
valueany