Datepicker api
NbDatepickerDirective
Inputs
| Name | Type | Description |
| nbDatepicker | NbDatepicker | Provides datepicker component. |
Properties
| Name | Type | Description |
| datepickerAdapter | NbDatepickerAdapter<D> | Datepicker adapter. |
| picker | NbDatepicker<D> | Datepicker instance. |
| validator | ValidatorFn | Form control validators will be called in validators context, so, we need to bind them. |
| input | HTMLInputElement | Returns html input element. |
| inputValue | string | Returns host input value. |
Methods
| Name | Description |
| chooseDatepickerAdapter() | returns: voidChooses datepicker adapter based on passed picker component. |
| filterValidator() | returns: Validates passed value satisfy the filter. |
| handleInputChange() | parameters: value: returns:stringvoidParses input value and write if it isn't null. |
| hidePicker() | returns: voidHides picker, focuses the input |
| maxValidator() | returns: Validates passed value is smaller than max. |
| minValidator() | returns: Validates passed value is greater than min. |
| noDatepickerAdapterProvided() | returns: booleanValidates if no datepicker adapter provided. |
| parseValidator() | returns: Validates that we can parse value correctly. |
| setupPicker() | returns: voidAttaches picker to the host input element and subscribes on value changes. |
| validate() | returns: Form control validation based on picker validator config. |
| writeValue() | parameters: value: returns:voidWrites value in picker and html input element. |
NbDatepickerComponent
Inputs
| Name | Type | Description |
| date | D | Date which will be rendered as selected. |
Outputs
| Name | Type | Description |
| dateChange | EventEmitter | Emits date when selected. |
NbRangepickerComponent
Inputs
| Name | Type | Description |
| range | NbCalendarRange | Range which will be rendered as selected. |
Outputs
| Name | Type | Description |
| rangeChange | EventEmitter | Emits range when start selected and emits again when end selected. |
NbDateTimePickerComponent
Inputs
| Name | Type | Description |
| step | number | Defines minutes step when we use fill time format. If set to 20, it will be: '12:00, 12:20: 12:40, 13:00...' |
| singleColumn | boolean | Show timepicker values in one column with 60 minutes step by default. |
| twelveHoursFormat | boolean | Defines 12 hours format like '07:00 PM'. |
| withSeconds | boolean | Show seconds in timepicker. Ignored when singleColumn is true. |
Outputs
| Name | Type | Description |
| dateTimeChange | EventEmitter | Emits date with time when selected. |
Need some help or found an issue?
Ask on Stack Overflow with tag `nebular` or post an issue on GitHub.