Quer aprimorar seus formulários sem complicações? Conheça o DeskyCalendar, um seletor de data minimalista e responsivo criado em JavaScript puro e simples. Ele foi projetado para adicionar estilo e funcionalidade ao seu processo de seleção de datas sem sobrecarregar seu projeto.

Página de demonstração e projeto

página de demonstração -> https://danruggi.github.io/datepicker/
link do projeto -> https://github.com/danruggi/datepicker

Principais recursos

? Totalmente responsivo: fica ótimo em qualquer dispositivo - chega de calendários apertados.
? Formato duplo/único: escolha entre selecionar uma única data ou um intervalo com facilidade.
? Adicionar a opção "Qualquer data": permite aos usuários a liberdade de selecionar qualquer data, perfeita para filtros e relatórios.
? Desativar datas: evita seleções de datas passadas ou futuras, mantendo tudo sob controle.
? Executar função externa ao clicar: deseja acionar uma ação personalizada quando uma data for selecionada? Fácil!
Configuração rápida

1. Inclui CSS e JS

Basta colocar estes links em seu HTML:

2. Adicione sua opinião

Crie um campo de entrada:

3. Inicialize o calendário

Configure-o com uma linha simples de JavaScript:

new DeskyCalendar({'meuID': {}});

Exemplos mínimos

Duas colunas

Mude facilmente para uma seleção de data dupla:

new DeskyCalendar({'calendar_date_selector1': {modo: "duplo"}});

Desativar datas

Quer restringir datas? Basta adicionar

const d = nova data();
novo DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
Conclusão

Com apenas algumas linhas, o DeskyCalendar traz sofisticação e simplicidade às suas necessidades de seleção de datas, ao mesmo tempo que é leve e eficiente. É hora de aprimorar seus formulários com esta solução elegante. Boa codificação!