Skip to content

DateRangeFieldInput ​

Overview ​

A single segment of a date range field (year, month, day, hour, minute, etc.). Renders an editable segment for either the start or end date inside a DateRangeField.

Theme entry: DateRangeFieldInput

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
partstringyesThe part of the date this segment represents (e.g. "year", "month", "day").
typestringyesWhether this segment belongs to the start or end of the range.

Slots ​

default ​

Slot.

Source ​

client/lib/controls/date-range-field/DateRangeFieldInput.vue