feat(DateInput): add prop onApply

[EldarMuhamethanov]

• close [Feature]: DateInput добавить возможность обрабатывать нажатие кнопки "готово" в режиме "enableTime" #7866

---

• Unit-тесты
• Документация фичи
• Release notes

Описание

В текущей реализации DateInput с включенным флагом enableTime событие onChange срабатывает при каждом выборе даты в календаре. Это создает неудобства в использовании компонента. Необходимо оптимизировать работу onChange и добавить отдельный колбэк для подтверждения выбора даты.

Изменения

1. После анализа решений в популярных UI-библиотеках (например, AntDesign) были внесены следующие изменения в логику работы компонента:

   • При enableTime=true:
     • onChange не вызывается при каждом выборе даты
     • Выбор подтверждается кнопкой Done, после чего срабатывают onApply и onChange
     • До подтверждения выбора новая дата отображается только визуально
     • При закрытии календаря без подтверждения сохраняется предыдущее значение

2. Технические изменения:

   • Добавлено локальное состояние value для временного хранения выбранной даты
   • Реализована синхронизация локального состояния с внешним value
   • Добавлен новый проп onApply для обработки подтверждения выбора
   • Реализован сброс локального состояния при закрытии календаря без подтверждения

3. Добавлены тесты для проверки новой функциональности

Примечание: В будущем стоит рассмотреть добавление кнопки подтверждения выбора для случая enableTime=false и closeOnChange=false, так как сейчас в этом режиме нет возможности явно подтвердить выбор даты.

Release notes

Улучшения

• DateInput:
  • Добавлено свойство onApply, которое срабатывается при нажатии на кнопку Done, которая отображается при использовании флага enableTime.
  • Теперь при использовании флага enableTime при выборе в календаре не срабатывается onChange. Теперь он сработает, только при нажатии на кнопку "Готово"

[github-actions]

size-limit report 📦

Path	Size
JS	385.73 KB (+0.1% 🔺)
JS (gzip)	123.3 KB (+0.1% 🔺)
JS (brotli)	102.14 KB (+0.11% 🔺)
JS import Div (tree shaking)	1.47 KB (0%)
CSS	342.46 KB (0%)
CSS (gzip)	49.36 KB (0%)
CSS (brotli)	40 KB (0%)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[github-actions]

e2e tests

Playwright Report

[github-actions]

👀 Docs deployed

• ✅ Styleguide
• ✅ Storybook

Commit 2229f61

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 95.30%. Comparing base (deb7dd4) to head (2229f61).

Additional details and impacted files

@@           Coverage Diff           @@
##           master    #7929   +/-   ##
=======================================
  Coverage   95.30%   95.30%           
=======================================
  Files         378      378           
  Lines       11196    11212   +16     
  Branches     3735     3739    +4     
=======================================
+ Hits        10670    10686   +16     
  Misses        526      526           

Flag	Coverage Δ
unittests	95.30% <100.00%> (+<0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.