Seletor de data
Um componente de seleção de data com calendário suspenso. Suporta modos de seleção de data única e intervalo de datas. Inclui restrições de data mínima/máxima, formato de exibição configurável e opções de dia inicial da semana. Compatível com o form builder do Rails ou uso independente.
Pré-visualização e Código
_datepicker.html.erb
███
██████████ █████████ ████████ ██████
██████
████ ███████ █████
███ ██████ ████████████████████████ █████ ██ ██████████ ████████████ ██████ ██████ █████ ██
██████████ █████
███ ██████ ████████████████████████ █████ █████████████ ██████ ██████ █████ ██
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
datepicker_component.html.erb
████ ██████████ █████████████████ ███ ███ ████████████████████ ████████████████ ███
███ █████ ██
██ ██ ███████████████████ ██
██████ ████████ ████████ ███ ██████████ █████████████ ████
███ ██████████ ██
██ ██ █████████ ██
█████ ███████████████████ ████████████████
██ ███ ██
████████
██ ███ ██
datepicker_component.rb
█ ██████████████████████ ████
█████ ███████████████████ █ ███████████████████
███ ███████████
█████ ████
██████████ ████
█████ ████
██████ ████
██████ ████
█████ ████
datepicker_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ █████████ ██████████████ ███████████ ████████████ ███████ █████████████ ███████████
██████ ██████ █ █
███████ █ █████ ███████ ████████ ████████████ ██
█████ █ █████ ███████ ████████ ████████ ██
████████ ███████
████████ ███████
██████████ █ █████ ███████ ████████ ████████ ██
Changelog
- Initial release with single date and range selection modes
- Configurable date format display
- Min/max date constraints
- Week start day option (Sunday or Monday)
- Dark mode support
- Form builder and standalone modes
Obter Acesso Completo
Desbloqueie o código-fonte deste componente e de todos os outros. Pagamento único para acesso vitalício.
Obter Acesso Agora