Implement date picker components

[jinhojang6]

Figma: https://www.figma.com/file/YOfkPWwdFicw6dHXNaSSwh/LSD-%E2%80%93-Radical?node-id=1616-42189&t=ZacdEc1luPHQw7yw-0

Storybook: https://63e4f71c39dc65c5c703c1e8-udpmwlhsaj.chromatic.com/?path=/story/datepicker--root&globals=backgrounds.value:!rgb(255,255,255)

• DateField : done
• Calendar: done
• DatePicker: done
• RangePicker: submitted a separate PR - Implement range picker #24

[amirhouieh]

@jinhojang6 had a quick look, great work in the time, and some notes on the UI and UX side of the implementation

• Calendar should not be closed on day selected, but only when the user clicks outside the calendar or on DateField itself.
• Size property seems to be not working as it should.
• However state on Calendar/Day is missing
• DateField focus state should be applied only on focused part MM or DD or YYYY atm all parts seems to become gray together.
• Not all states for Day Item in Calendar is implemented. https://www.figma.com/file/YOfkPWwdFicw6dHXNaSSwh/LSD-%E2%80%93-Radical?node-id=1618-45292&t=4DvwlOGeadYde9zX-4
• States of Month-item in Calendar is missing. https://www.figma.com/file/YOfkPWwdFicw6dHXNaSSwh/LSD-%E2%80%93-Radical?node-id=1618-47010&t=4DvwlOGeadYde9zX-4
• Font family seems to be inconsistent. When serif, then everything should be serif including numbers.
• The height of the calendar should always remain the same for all different months' views. atm, it is jumping from month to month
• [ ]

[jinhojang6]

Updated the feedback based on the feedback of both.

On top of this,

1. I tried many ways but it seems that input[type=date] doesn't support focusing on a specific date format among yyyy, mm, dd
   Reference: https://stackoverflow.com/questions/30085591/focus-month-or-year-of-html5-inputtype-date

Do you have any suggestions?

2. Can you please help implement the font family? @jeangovil

[jeangovil]

@jinhojang6, thank you for the updates. I've added support for font-family and merged it with this branch, here's how you can change the font face type on Storybook:

Could you please fix the controlled versions of DatePicker and the Calendar? If a value is passed to the component and the onChange callback is left unset, then the value should not change through interactions with the UI.

[jongomez]

Edit: re-requested reviews. Updated styles and fixed a few issues.

Storybook link