Element: #018 DatePicker and DateRangePicker (inputs/date-picker) What it shows: A DatePicker and a DateRangePicker with popover calendars, each printing its selected value. When to use: Choosing a delivery date or a reporting period where the user can type or pick from a calendar popover. Spec: - `()` - `` - `let range = $state({ start: undefined, end: undefined })` - Wrappers: `.col` has `max-width: 400px`, `.col--wide` has `max-width: 460px` Tags: date-picker, date-range-picker, popover, date, date-range, calendar Needs: @codeatlasdev/ui@4.4.0 Components: DatePicker, DateRangePicker Live demo: https://ui.codeatlas.com.br/docs/inputs/date-picker#datepicker-and-daterangepicker

value: {fmt(picked)}

start: {fmt(range.start)} · end: {fmt(range.end)}