fuse-date-range is a date-time range selector component. It can be programmed to provide date or date-time ranges. It has full ngModel and reactive form support and built to works with moment.js.
Exported as: fuseDateRange
Here's the basic usage of the fuse-date-range
:
Name | Description | Default |
---|---|---|
@Input()
dateFormat: string
|
Moment.js date format string to format output date. |
DD/MM/YYYY
|
@Input()
timeFormat: string
|
12 for 12-hour, 24 for 24-hour format. |
12
|
@Input()
timeRange: boolean
|
Whether to enable time range. |
true
|
@Input()
range: any
|
Date range input {{'{'}} start: string, end: string {{'}'}} . If you are using ngModel or Reactive
forms, you shouldn't use this input!
|
true
|
The input of the range must be in the following format. The start and end date strings must be moment compatible strings as they will be immediately parsed with MomentJS.
The outputted range object will be in the following format. The date and time fields will be formatted based on the dateFormat and timeFormat inputs.