Replace React Date & Time Picker with the device's default date and Time picker.

[nihal467]

Describe the bug

When using the React Date & Time Picker on the platform, the UX is not as good as allowing users to use their device’s default date & Time picker. (Specifically on mobile devices)

Expected behavior

Replace all usages of the React Date & Time Picker in the platform with the device’s default date & Time picker.

---

🚨 DO NOT EDIT BELOW THIS LINE 🚨

Instructions for Requesting Assignment:

To request assignment, please clearly outline your solution and timeline by commenting on the issue using the format below:

Describe your solution clearly:
Provide a detailed explanation of your proposed solution, including your approach, key implementation steps, and relevant examples or references. Mention any dependencies, assumptions, or risks you foresee that might affect your timeline or implementation.

Expected Timeline:

• End date: [Expected submission date of a completed Pull Request]

Additional Context:
Include any other relevant context, links, screenshots, or resources that support your proposed solution.

🚨 Your assignment may be unassigned if there is no activity or progress within the stated timeline unless communicated clearly and agreed upon.

[AdityaJ2305]

Hey @nihal467 , I would like to work on this issue
ETA: EOD

[yadavshubham01]

Hey @nihal467 ,
I would like to work on this issue so , I propose replacing all instances of the React Date Picker with the device’s default date picker to enhance the UX, particularly on mobile devices. My approach will involve:

Identifying all occurrences of the React Date Picker across the platform.
Replacing it with the native , which triggers the default date picker on mobile devices.
Ensuring proper styling and compatibility across different browsers and devices.
Testing the implementation to confirm it improves the UX without breaking any existing functionality.

End date: EOD

[AdityaJ2305]

@nihal467 , Could you share ss for this issue ?/

[AdityaJ2305]

import { DateTimePicker } from "@/components/ui/date-time-picker";
import { DatePicker } from "@/components/ui/date-picker";

@nihal467 , Could you confirm if you are referring to above ?

[nihal467]

• For example, in the date range selection, users cannot directly choose a specific month or year; they can only navigate using the previous month button, which results in a poor UX. Defaulting the date and time component to the device or browser's native picker would make selection easier and more intuitive for users.

[AdityaJ2305]

@nihal467, don’t you think the issues created after this one will automatically be resolved once this issue is completed? 🤔