packages/eui/packages/components/eui-date-range-selector/eui-date-range-selector.component.ts
OnInit
OnDestroy
OnChanges
ControlValueAccessor
DoCheck
encapsulation | ViewEncapsulation.None |
selector | eui-date-range-selector |
imports |
FormsModule
ReactiveFormsModule
TranslateModule
MatDatepickerModule
EUI_BUTTON
EUI_ICON
EUI_INPUT_TEXT
|
templateUrl | ./eui-date-range-selector.component.html |
styleUrl | ./eui-date-range-selector.scss |
Properties |
|
Methods |
|
Inputs |
|
Outputs |
HostBindings |
Accessors |
constructor()
|
comparisonEnd |
Type : any
|
Sets the second comparison date range. |
comparisonStart |
Type : any
|
Sets the first comparison date range. |
e2eAttr |
Type : string
|
Default value : 'eui-date-range-selector'
|
endDateDefaultValue |
Type : any
|
Sets the default end date value. |
firstInputAriaLabel |
Type : string
|
Sets the aria-label of the first input field. |
firstInputPlaceholder |
Type : string
|
Sets the placeholder of the first input field. |
hasSeconds |
Type : boolean
|
Default value : false
|
Option to enable seconds in the time range picker. |
isClearable |
Type : boolean
|
Default value : false
|
Option to enable the clearable button in the input field. |
isDisabled |
Type : boolean
|
Default value : false
|
Option to enable the disabled state. |
islongDateFormat |
Type : boolean
|
Default value : false
|
Option to define a long date format. |
isReadOnly |
Type : boolean
|
Default value : false
|
Option to enable the readonly state. |
isResponsive |
Type : boolean
|
Default value : false
|
Option to make the date range field responsive. |
isTimeRange |
Type : boolean
|
Default value : false
|
Option to enable the time range picker. |
maxDate |
Type : any
|
Sets the maximum date that can be selected. |
minDate |
Type : any
|
Sets the minimum date that can be selected. |
secondInputAriaLabel |
Type : string
|
Sets the aria-label of the second input field. |
secondInputPlaceholder |
Type : string
|
Sets the placeholder of the second input field. |
startDateDefaultValue |
Type : any
|
Sets the default start date value. |
startDateId |
Type : string
|
Default value : `start-date-${uniqueId()}`
|
Sets a unique id for the first input field. |
startView |
Type : "month" | "year" | "multi-year"
|
Default value : 'month'
|
Sets the starting view of the calendar. |
stepHours |
Type : number
|
Default value : 1
|
Sets the step value for the hours in the time picker. |
stepMinutes |
Type : number
|
Default value : 1
|
Sets the step value for the minutes in the time picker. |
stepSeconds |
Type : number
|
Default value : 1
|
Sets the step value for the seconds in the time picker. |
togglerIconSvg |
Type : string
|
Default value : 'eui-calendar-outline'
|
Sets the svg icon for the toggler button. |
togglerLabel |
Type : string
|
Sets the label of the toggler button. |
firstSelectedDate |
Type : EventEmitter
|
Event emitted when the first date is selected. |
secondSelectedDate |
Type : EventEmitter
|
Event emitted when the second date is selected. |
class |
Type : string
|
Public onFirstDateChange | ||||||||
onFirstDateChange(e: MatDatepickerInputEvent
|
||||||||
Method fired when the first date field changes.
Parameters :
Returns :
void
|
onFirstDateClear |
onFirstDateClear()
|
Method fired when the first date field is cleared.
Returns :
void
|
Public onSecondDateChange | ||||||||
onSecondDateChange(e: MatDatepickerInputEvent
|
||||||||
Method fired when the second date field changes.
Parameters :
Returns :
void
|
onSecondDateClear |
onSecondDateClear()
|
Method fired when the second date field is cleared.
Returns :
void
|
registerOnChange | ||||||
registerOnChange(fn: any)
|
||||||
Parameters :
Returns :
void
|
registerOnTouched | ||||||
registerOnTouched(fn: any)
|
||||||
Parameters :
Returns :
void
|
Public Optional setDisabledState | ||||||||
setDisabledState(isDisabled: boolean)
|
||||||||
Sets the disabled state of the component based on the boolean value passed.
Parameters :
Returns :
void
|
writeValue | ||||||
writeValue(values: EuiDateRangeSelectorDates)
|
||||||
Parameters :
Returns :
void
|
Public endRangeFormControl |
Default value : new FormControl()
|
Public isInvalid |
Type : boolean
|
Public isTouched |
Type : boolean
|
selectedDates |
Type : EuiDateRangeSelectorDates
|
Default value : { startRange: null, endRange: null }
|
Public startRangeFormControl |
Default value : new FormControl()
|
class |
getclass()
|