Форми

DatePicker

Дві поверхні: variant="sunken" (за замовчуванням, впадина як у Input / Select) та variant="raised" (опукла outline-кнопка, як Select.raised / PeriodSwitcher). UA-локаль (понеділок як перший день, кирилічні місяці). Повертає YYYY-MM-DD без TZ-багів.

import { DatePicker } from "@residence/glass-ui"

Sunken (default)

Paper-hole рецепт як у Input/Select.sunken. У формах.

Raised — як кнопка

Toolbar / sticky header. Парується з Select.raised + Button.

Range — обидва варіанти

Два кінці виділяються синім, проміжок — світло-синій fill. Поведінка однакова в обох варіантах, відрізняється тільки тригер.

Sunken: {"from":"2026-04-01","to":"2026-04-30"}
Raised: {"from":"2026-04-01","to":"2026-04-30"}

З min/max constraints

Дати поза діапазоном дизейблені у сітці — користувач не може їх обрати.

Стани

Disabled і invalid — обидва варіанти підтримують.