Issue 27 - Componente de Calendário #302
Conversation
DominMFD
requested review from
Luiginicoletti,
JpBurgarelli,
juliaam,
PiluVitu and
Frompaje
src/components/Calendar/components/DateSelectorComposer/components/MonthSelector/index.js
Outdated
Show resolved
Hide resolved
src/components/Calendar/components/DateSelectorComposer/components/MonthSelector/index.js
Show resolved
Hide resolved
src/components/Calendar/components/WeekDayComposer/utils/weekDays.js
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Tá quebrando o calendário em certos tamanhos, além disso, nesse mesmo problema, parece que os anos e os meses ficam andando muito rápido e isso buga a exibição, mas por print não parece
Seria legal também ter uma corzinha indicando o dia atual, mesmo que seja selecionado outro dia, isso resultará em uma navegação melhor
tipo assim:
Quando você clica nos dias finais do mês anterior, ele seleciona do mês atual, ele deveria selecionar o dia daquele mês passado e a exibição ser do mês atual
...dar/components/DateSelectorComposer/components/SelectorModal/components/ModalItem/index.scss
Show resolved
Hide resolved
src/components/Calendar/components/DayComposer/components/DayButton/index.js
Outdated
Show resolved
Hide resolved
|
Chega um momento que o scroll para de funcionar Também acho que deveria ser possível selecionar os meses ou os anos clicando e não apenas no scroll até pq o scroll ta meio difícil de controlar e acaba indo de 3 em 3 ou mais review.mp4 |
| } | ||
|
|
||
| const totalDaysInMonth = dayjs( | ||
| `${this.year}-${this.month}-1`, |
| this.year = year; | ||
|
|
||
| this.mountDayComposer(); | ||
| this.firstDayInWeek = dayjs(`${this.year}-${this.month}-${this.day}`).day(); |
There was a problem hiding this comment.
pq se chama firstDayInWeek sendo que ele não retorna o primeiro dia da semana e sim a posição que o dia selecionado está na semana?
| } | ||
|
|
||
| const totalDaysInMonth = dayjs( | ||
| `${this.year}-${this.month}-1`, |
| @use '~styles/base.scss'; | ||
| @use '~styles/colors.scss' as colors; | ||
| @use '~styles/fonts.scss' as fonts; | ||
| @use '~styles/breakpoints.scss' as breakpoints; |
There was a problem hiding this comment.
É preciso importar tudo isso mesmo não usando?
| @@ -0,0 +1,35 @@ | |||
| @use '~styles/base.scss'; | |||
| @use '~styles/colors.scss' as colors; | |||
| @use '~styles/fonts.scss' as fonts; | |||
There was a problem hiding this comment.
É preciso importar tudo isso mesmo não usando?
Closes #27
Feature
Foi criado o componente de calendário
Visual evidences 🖼️
Calendario.pra.frente.mp4
Calenario.para.tras.mp4
https://github.com/use
r-attachments/assets/59105c54-daf3-445a-bf67-b395a605add0
Calendario.mobile.mp4
Checklist