feat(DateTimePicker): новый компонент с двухшаговым попапом и пресетами

[IgorShevchik]

О чём PR

Новый компонент B24DateTimePicker — пикер даты и времени в стиле Битрикс24: попап с двумя шагами (календарь → сетка часов/минут), боковая колонка пресетов, режим «только дата» (date-only, время фиксируется на 00:00:00). Закрывает пробел между сегментированными B24InputDate/B24InputTime и более «нативным» UX Битрикс24.

Что сделано

• Компонент src/runtime/components/DateTimePicker.vue поверх штатных B24Popover, B24Calendar и read-only B24Input (триггер по умолчанию). Модель — CalendarDateTime / ZonedDateTime (или CalendarDate в date-only).
• Тема src/theme/date-time-picker.ts — минимум стилей, только классы из дизайн-системы.
• Локализация — раздел dateTimePicker.* добавлен в тип Messages и заполнен во всех 19 локалях. endOfWeek для DE/FR/IT/BR/TR заменён на корректный «конец недели» (было «выходные»).
• Доступность — role="group" + aria-labelledby на сетках часов/минут, aria-pressed на ячейках, уникальный id через useId().
• Корректность — мемоизация резолва пресетов (factory-функции вызываются один раз на рендер), Number.isFinite-защита на minute-step от NaN.
• Тесты — test/components/DateTimePicker.spec.ts + 2 снапшота: 21 кейс × (nuxt + vue) = 42 теста зелёные, axe-проверка a11y.
• Документация — docs/content/docs/2.components/date-time-picker.md + 6 примеров (Basic, DateOnly, CustomPresets, CustomTrigger, FormField, MinMaxDates). Адаптивность: пресеты переезжают вниз на мобиле (flex-col-reverse sm:flex-row).
• Playgrounds (nuxt + demo синхронно) — страница date-time-picker.vue с матрицей вариантов + регистрация в useNavigation.ts.
• Skill b24-ui-nuxt — обновлены components.md, component-selection.md и блок «Date» в forms.md.
• Регистрация — экспорт типов, тема в theme/index.ts, запись в ThemeDefaults.
• Multi-reviewer ревью учтено (документация / инженерия / тесты / безопасность / CTO).

API

<B24DateTimePicker
  v-model="value"
  :minute-step="5"
  :presets="customPresets"
  date-only
  hide-presets
  locale="ru"
  placeholder="Выберите дату и время"
  :calendar="{ minValue, maxValue, isDateDisabled }"
/>

Ключевые пропсы: modelValue, defaultValue, dateOnly, minuteStep (5), locale, placeholder, presets, hidePresets, format, color, size, disabled, icon, timeIcon, popover, calendar, input.
Слоты: default (триггер), presets, preset, time-header.

Чек-лист на ручную проверку

• pnpm dev → /components/date-time-picker: открывается попап, выбор даты переключает на шаг времени, клик по минуте закрывает попап
• Переключение Date only — второй шаг исчезает, значение становится CalendarDate
• minute-step={5|10|15|30} — корректное количество ячеек; NaN/0/9999 не ломают рендер (есть тесты)
• Пресеты «Сегодня» / «Завтра» / «В конце недели» / «Через неделю» / «В конце месяца» — выставляют верную дату; активный подсвечен
• Кастомный presets (factory-функция) — пример DateTimePickerCustomPresetsExample, factory вызывается один раз на рендер
• Кастомный триггер через #default (DateTimePickerCustomTriggerExample) — open отрабатывает; стандартный B24Input триггер
• locale="ru" / locale="en" — формат значения, дни недели, текст пресетов меняются
• Адаптив: на узком вьюпорте пресеты переезжают вниз и горизонтально скроллятся
• color, size, disabled — пробежаться по Matrix в плейграунде
• hide-presets — боковая колонка пропадает
• B24FormField (DateTimePickerFormFieldExample) — name/required/label/hint работают
• :calendar="{ minValue, maxValue }" (DateTimePickerMinMaxDatesExample) — рамки соблюдаются
• A11y: скринридер озвучивает «группа: часы / группа: минуты» и состояние aria-pressed на ячейке
• Вычитка переводов в локалях AR/IN/TH/KZ/JA/SC/TC/VN/ID/MS/LA/PL/UA — машинно сгенерированы (вынесено в issue i18n(DateTimePicker): ручная вычитка машинных переводов пресетов #60)
• pnpm test — снапшоты соседних компонентов не сломались

Что дальше

Follow-up issues уже заведены (по результатам ревью):

• refactor(DateTimePicker): убрать as any касты вокруг @internationalized/date #56 — убрать as any касты вокруг @internationalized/date (затрагивает Calendar/InputDate)
• feat(DateTimePicker): range-режим и top-level пропсы min/max/isDateDisabled #57 — range-режим + top-level min/max/isDateDisabled
• feat(DateTimePicker): сегментированный input-триггер как альтернативный режим #58 — сегментированный input-триггер как опциональный режим
• refactor: миграция v-model на defineModel (DateTimePicker и другие) #59 — миграция v-model на defineModel (пачкой по компонентам)
• i18n(DateTimePicker): ручная вычитка машинных переводов пресетов #60 — ручная вычитка машинных переводов пресетов

После мержа PR ничего срочного делать не нужно — компонент изолированный, breaking changes в публичный API не вносит.

---

Готов к squash-merge. CI зелёный: pnpm lint, pnpm typecheck, pnpm exec vitest test/components/DateTimePicker.spec.ts — все три прошли локально.

🤖 Generated with Claude Code