DateRangeFieldInput
Source: client/lib/theme/vueda-tailwind/controls/index.js
An editable segment inside a DateRangeField.root. See also: DateFieldInput.root; same mono + tabular + slashed-zero, accent-on-focus,
caret-transparentrecipe applies.
Vue component: DateRangeFieldInput
| Slot | Default classes | Description |
|---|---|---|
| root | 2 classes | An editable segment inside a DateRangeField.root. See also: DateFieldInput.root; same mono + tabular + slashed-zero, accent-on-focus, caret-transparent recipe applies. |
root
An editable segment inside a DateRangeField.root. See also: DateFieldInput.root; same mono + tabular + slashed-zero, accent-on-focus,
caret-transparentrecipe applies.
Default classes:
text
inline rounded-sm px-0.5 text-center font-mono font-medium [font-feature-settings:'tnum','zero']
caret-transparent outline-none focus:bg-accent focus:text-accent-foreground data-[placeholder]:text-muted-foregroundSource: client/lib/theme/vueda-tailwind/controls/DateRangeFieldInput.theme.js:17