RangeSelectDateComponent
Component for selecting a date range based on pre-defined ranges like ‘today’, ‘this week’, ‘this month’, etc. It also allows to pick a custom date range.
Component Metadata
Section titled “Component Metadata”Selector: yuv-range-select-date
Standalone: Yes
Implements: ControlValueAccessor, OnDestroy
Inputs
Section titled “Inputs”customRange
Section titled “customRange”Type: boolean
Default Value: true
Whether to show the custom date range option.
ranges
Section titled “ranges”Type: DateRange[]
Default Value: ['today', 'yesterday', 'thisWeek', 'thisMonth', 'thisYear']
Range values to be used in the dropdown.
disabled
Section titled “disabled”Type: BooleanInput
placeholder
Section titled “placeholder”Type: string
required
Section titled “required”Type: BooleanInput
Properties
Section titled “Properties”Type: unknown
Default Value: new FormControl<string>(this.#ANY_OPTION, \{ nonNullable: true \})
ngControl
Section titled “ngControl”Type: unknown
Default Value: injectNgControl(this)
options
Section titled “options”Type: unknown
Default Value: signal<\{ label: string; value: unknown \}[]>([])
propagateChange
Section titled “propagateChange”Type: unknown
Default Value: () => \{...\}
autofilled
Section titled “autofilled”Type: boolean
controlType
Section titled “controlType”Type: string
disableAutomaticLabeling
Section titled “disableAutomaticLabeling”Type: boolean
stateChanges
Section titled “stateChanges”Type: unknown
Default Value: new Subject<void>()
userAriaDescribedBy
Section titled “userAriaDescribedBy”Type: string
Methods
Section titled “Methods”registerOnChange
Section titled “registerOnChange”registerOnChange(fn: function): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| fn | function |
registerOnTouched
Section titled “registerOnTouched”registerOnTouched(fn: function): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| fn | function |
writeValue
Section titled “writeValue”writeValue(value?: RangeSelectDateValue): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| value | RangeSelectDateValue |
onContainerClick
Section titled “onContainerClick”onContainerClick(event: MouseEvent): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| event | MouseEvent |
onFocusIn
Section titled “onFocusIn”onFocusIn(): voidonFocusout
Section titled “onFocusout”onFocusout(): voidonNgOnDestroy
Section titled “onNgOnDestroy”onNgOnDestroy(): voidsetDescribedByIds
Section titled “setDescribedByIds”setDescribedByIds(ids: string[]): voidArguments
Section titled “Arguments”| Name | Type | Description |
|---|---|---|
| ids | string[] |