Create Date Picker Component

[sohamsshah]

Is your feature request related to a problem? Please describe.

Currently, the date-picker component looks like:

Describe the solution you'd like.

We are aiming for this component design as per latest design update for flint.ui

Describe alternatives you've considered

Create this component in the flint.ui/src/components/. You can take reference from other components available in the folder. (don't delete any other component files)

Additional context.

Make sure that:

• Use Tailwindcss utility classes
• Proper Props and Implementation
• Test the component by seeing the working at different places where this is used

Feel Free to ask questions or curiosities around its implementation.

[Dangpham0305]

assign me. I think i can help you

[shloka-gupta]

@Dangpham0305 sure go ahead!

[sohamsshah]

Hey @Dangpham0305 , any updates on this? If timing is bad for you, maybe I should un-assign you so someone else can take this?

[yashsehgal]

Hey @Chicken-Biryani @sohamsshah I would like to work on this issue. Can you please assign this to me 😄

[shloka-gupta]

Yes, @yashsehgal go ahead

[yashsehgal]

Hey, Can I add a prop for providing width to the date-picker component. Like

<date-picker-point inputWidth="small" />
// means width - 30% from the parent container

<date-picker-point inputWidth="medium" />
// means width - 60% from the parent container

<date-picker-point inputWidth="large" />
// means width - 100% from the parent container

[sohamsshah]

Hey, Can I add a prop for providing width to the date-picker component. Like

<date-picker-point inputWidth="small" />
// means width - 30% from the parent container

<date-picker-point inputWidth="medium" />
// means width - 60% from the parent container

<date-picker-point inputWidth="large" />
// means width - 100% from the parent container

Yes, this looks good. Will add flexibility for building the diff frontend in future!