Element: #015 Calendar and RangeCalendar (inputs/date-picker)
What it shows: An inline single-date Calendar and a RangeCalendar, each printing its selected value below.
When to use: Always-visible date selection such as booking a stay or choosing an event day without a popover.
Spec:
- ``
- `let value = $state(today(getLocalTimeZone()))` preselects today
- ``
- `let range = $state({ start: undefined, end: undefined })` starts empty
- Output lines show `fmt(value)`, `fmt(range.start)` and `fmt(range.end)`, with `–` when unset
Tags: calendar, range-calendar, date, date-range, inline, locale
Needs: @codeatlasdev/ui@4.4.0
Components: Calendar, RangeCalendar
Live demo: https://ui.codeatlas.com.br/docs/inputs/date-picker#calendar-and-rangecalendar