API: Primitives

DatePickerDirective

Inline single-date calendar behavior.

Overview

Inline single-date calendar behavior. Programmatic model writes never emit dateChangeCommitted.

Kind: Directive
Export as: qzDatePicker
Source: packages/primitives/src/date-picker/date-picker.directive.ts:38

Selector

[qzDatePicker]

Inputs

Input	Type	Default	Description
`min`	`Date \| null`	`null`
`max`	`Date \| null`	`null`
`disabled`	`unknown`	`false`	Transform `booleanAttribute`; reads as `boolean`.
`dateDisabled`	`DateDisabled \| null`	`null`
`firstDayOfWeek`	`number`	`0`
`locale`	`string`	`'en'`
`dir`	`"ltr" \| "rtl" \| null`	`null`
`today`	`Date \| null`	`null`	Supply a stable civil date for tests and SSR; defaults to the current local date.

Models

Two-way bindings: each model is an input and emits the matching change output.

Model	Type	Default	Change output
`date`	`Date \| null`	`null`	`dateChange`
`displayedMonth`	`Date \| null`	`null`	`displayedMonthChange`
`focusedDate`	`Date \| null`	`null`	`focusedDateChange`

Outputs

Output	Payload	Description
`dateChangeCommitted`	`Date`

Properties

Name	Type	Description
`readonly isDisabled`	`Signal<boolean>`
`readonly currentToday`	`Signal<Date>`
`readonly selectedDate`	`Signal<Date \| null>`
`readonly month`	`Signal<Date>`
`readonly monthLabel`	`Signal<string>`
`readonly weekdays`	`Signal<string[]>`
`readonly days`	`Signal<{ disabled: boolean; date: Date; day: number; inCurrentMonth: boolean; today: boolean; selected: boolean; rangeStart: boolean; rangeEnd: boolean; inRange: boolean; preview: boolean; }[]>`
`readonly weeks`	`Signal<{ disabled: boolean; date: Date; day: number; inCurrentMonth: boolean; today: boolean; selected: boolean; rangeStart: boolean; rangeEnd: boolean; inRange: boolean; preview: boolean; }[][]>`
`readonly focused`	`Signal<Date>`

Public methods

moveFocus

moveFocus(value: Date): void

Parameter	Type	Optional	Description
`value`	`Date`

onDateButtonKeydown

onDateButtonKeydown(date: Date, event: KeyboardEvent): void

Parameter	Type	Optional	Description
`date`	`Date`
`event`	`KeyboardEvent`

chooseDate

chooseDate(value: Date): void

Parameter	Type	Optional	Description
`value`	`Date`

setPreview

setPreview(_date: Date | null): void

Parameter	Type	Optional	Description
`_date`	`Date \| null`

isFocused

isFocused(date: Date): boolean

Parameter	Type	Optional	Description
`date`	`Date`

previousMonth

previousMonth(): void

nextMonth

nextMonth(): void

setFormDisabled

setFormDisabled(value: boolean): void

Parameter	Type	Optional	Description
`value`	`boolean`

writeFormValue

writeFormValue(value: Date | null | undefined): void

Parameter	Type	Optional	Description
`value`	`Date \| null \| undefined`

onFocusOut

onFocusOut(event: FocusEvent): void

Parameter	Type	Optional	Description
`event`	`FocusEvent`

isDateDisabled

isDateDisabled(value: Date): boolean

Parameter	Type	Optional	Description
`value`	`Date`

isDateSelected

isDateSelected(value: Date): boolean

Parameter	Type	Optional	Description
`value`	`Date`

isDateFocused

isDateFocused(value: Date): boolean

Parameter	Type	Optional	Description
`value`	`Date`

DateDisabled