Using Shadcn Date Time Component

[saikiranpatil]

Is your feature request related to a problem? Please describe.
Issues similar as described in #8994

• Regardless of the user's system time preference, the text field displays time in 24-hour format, while the selection component defaults to a 12-hour format. This inconsistent behavior is not ideal for a component.
• It is not possible to input "01" in the minutes part of the component; the input text area always shows "1," automatically removing the "0" for single-digit entries.

Describe the solution you'd like
As most of the components are migrating to shadcn, we could utlize Shadcn Date Time Picker Code and modify it as per our requirement. This would solve most of the date time component bugs.

[saikiranpatil]

@ohcnetwork/care-fe-code-reviewers
if this issue is valid, assign this to me

[rajku-dev]

@saikiranpatil did you tried rendering shadcn Calendar? Its css is little broken in my case.

[saikiranpatil]

@saikiranpatil did you tried rendering shadcn Calendar? Its css is little broken in my case.

not sure from where you are trying this from

[rajku-dev]

https://ui.shadcn.com/docs/components/calendar
datepicker you mentioned in issue description uses the same Calendar component from ShadCN UI

@saikiranpatil did you tried rendering shadcn Calendar? Its css is little broken in my case.

not sure from where you are trying this from

[rithviknishad]

We already have these, which is sufficient.