Input (feat): hidden calendar icon when input tyle is date

[01oseluiz]

In GitLab by @DaniloRaposo on Jul 12, 2022, 17:31

Gitlab MR Web Template

Descrição

MR para esconder o icone padrão de calendário quando o tipo do input for date, para assim possibilitar o usuário a usar outro icone no lugar ou um icone de outra cor

Fixes #109

Veja como inserir de forma correta em gitlab docs - time tracking.

Tipo de mudança

• [ ] Bug fix (Correção de um problema que não quebrava algo grande)
• [X] New feature (Mudança que adiciona novas funcionalidades)
• [ ] Breaking change (correção ou recurso que faria com que a funcionalidade existente não funcionasse como esperado)
• [ ] Improvement (Alteração que melhora o desempenho de alguma função já existente)

Em quais navegadores foi testado?

• [X] Google Chrome
• [ ] Mozilla Firefox
• [ ] IE 11 (Windows 10)
• [ ] Edge
• [ ] Opera
• [ ] Opera GX
• [ ] IOS Safari
• [ ] IOS Chrome
• [ ] Android Chrome
• [ ] Android Firefox

Testei as seguintes resoluções no navegador:

• [ ] 2520 x 1080
• [X] 1920 x 1080
• [ ] 1400 x 790
• [ ] 1280 x 720
• [ ] 1024 x 1366 (iPad Pro vertical)
• [ ] 1366 x 1024 (iPad Pro horizontal)
• [ ] 768 x 1024 (iPad vertical)
• [ ] 1024 x 768 (iPad horizontal)
• [ ] 375 x 812 (iPhone X)
• [ ] 320 x 568 (iPhone 5/SE)

Checklist:

• [X] Meu código segue a estilização padrão da página
• [X] Eu revisei ou reli o meu próprio código
• [X] Documentei onde era mais necessário e difícil de entender no meu código
• [X] Segui os formatos de nomenclaturas e normas previstos pelo time
• [X] Minhas mudanças não causaram mais avisos de erro
• [X] Eu conferi a checklist de atividades, e expliquei no meu merge request caso algo não tenha sido necessário ou possível
• [ ] As mudanças que esta MR implementa possui testes automatizados
• [X] Executei e garanto que os testes automatizados já criados estão todos passando
• [X] Executei e garanto que não há erros de lint
• [X] Executei e garanto que não há erros de typescript

[01oseluiz]

In GitLab by @01oseluiz on Jul 15, 2022, 12:58

requested review from @01oseluiz

[01oseluiz]

In GitLab by @01oseluiz on Jul 15, 2022, 13:00

Esta implementação quebra na web, pois o datepicker abre quando se clica no icone nativo.

Se for necessário esse fix, sugiro uma props que permita exibir ou não o icone, cujo default exibe, para não causar erros na web.

Se possível finalizar o nosso datepicker customizado, assim temos total controle de sua aparencia.