Classes list
Every class Date range recognizes, straight from the @flickui/css source.
| Class | Purpose |
|---|---|
.date-range | Base class — required |
.date-range-header | Month title + navigation row |
.date-range-nav | Previous/next month — the first found is treated as "previous", the second as "next" |
.date-range-title | Month/year label; also read on init to seed the starting month |
.date-range-grid | The weekday/day grid — flickui.js rebuilds its <tbody> on init and on every change |
.date-range-day | One day button (JS-generated) |
.date-range-day-outside | Dims a day belonging to the adjacent month (not clickable) |
.date-range-day-today | Rings the real current date |
.is-start / .is-end (button) | Solid-fills the range's start/end day, managed by flickui.js |
.is-end-preview (button) | Ring-outline live preview while hovering to pick the second date |
.range-start / .range-end (td) | Half-gradient band on the cell containing the start/end day |
.in-range (td) | Full band fill for a day strictly between start and end (or start and the live hover preview) |