feat(Datepicker): Implementation

[Vignesh-Manogar-E3433]

Description

The date picker can be used for both picking date as selecting one value or picking a range as per the context of usage.

https://freshworks.invisionapp.com/dsm/freshworks/freshworks/folder/components/5c68fa78fb26bb0018554084

Implemented first four variations of datepicker after discussions with design team.

• Calendar with date only
• Calendar with input field
• Calendar range selection
• Calendar with input field- range selection

Time picker implementation to be taken up later.

Implementation details:

This is based on power calendar addon. Power calendar uses date manipulation 'date-fns' library addon. Since some of functions that we needed were not exposed in that addon, We have forked the repository to implement some custom functions.

https://github.com/Vignesh-Manogar-E3433/ember-power-calendar-date-fns forked from https://github.com/makepanic/ember-power-calendar-date-fns

To do:

• Time picker for all above variations.
• Global localizations setting like the option available in power-calendar-addon missing.
• Improve performance by picking only necessary languages from date-fns.
• Default select used. Must change after implementation of nucleus select.

Known issues:

• [Fixed - Seems to be expected behaviour as mentioned in thread . Backstop just takes a innerHTML to generate snapshot, so no value is selected] Tests backstopJS visual regression mild variations from final results. Tests passing, but not as expected.
• Some console warning from date-fns.

[netlify[bot]]

Deploy preview for freshworks-nucleus processing.

Building with commit 1f4b1464dbae8118d0b7e196998768b44b0da436

https://app.netlify.com/sites/freshworks-nucleus/deploys/5eb109153eb7f30006dbfaf0