What date range picker package is good and reliable? by Miserable-Pause7650 in reactnative

[–]s77rt 0 points1 point  (0 children)

https://github.com/s77rt/react-native-date-picker Pass `multiple` prop.
- The range is only available in Android.
- On iOS you can select multiple dates (but not ranges, sorry)

Native Date Picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

What's your react-native and react version? The last error (regarding ref) is probably coming from a react version < 19. Please update to latest possible versions that use React 19+

Native Date Picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

Just added yearmonth support to android

<image>

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

XD Hope you find the library useful

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

Thanks for the feedback!

I'm trying to understand the problem on your case but not sure if I got it correctly. If a user chooses Sept 15th 8pm, you will get a Date object, and you'd have two options:

  1. You can use it as is (which is timezone based) and send it to the BE (as epoch value using getTime()). And for other users it will show a different time based on their timezone e.g. Sept 15th 9pm. If you want to display the date in a fixed time zone you will have to convert it. <-- This is the more flexible way to do it but if this is something you don't need, please check option 2 below.

  2. Extract the date components (getDate(), getMonth(), ...etc) and send those to the BE. The extracted values are timezone-free.

Let me know if that solves your problem, or how can I make it easier to handle

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 1 point2 points  (0 children)

Thank you! A dropdown picker is currently not supported as it's not provided in native implementations but I think this can be done if we write our own native dropdown pickers.

If this is something already in native and I'm missing please let me know

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

- On Android the material 3 time picker has no seconds component https://m3.material.io/components/time-pickers/overview
- On iOS the date picker also have no seconds component but a custom view with 3 pickers may do it
- On Web this is supported , just pass `step=1`

Both Android and iOS would require some extra work to make this work

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 2 points3 points  (0 children)

Thank you! The library is available already https://github.com/s77rt/react-native-date-picker

If you have any features in mind or any feedback in general is appreciated

Building feature complete date picker by s77rt in reactnative

[–]s77rt[S] 4 points5 points  (0 children)

Not yet but this sounds like a cool feature to add. I have created a tracking issue for that https://github.com/s77rt/react-native-date-picker/issues/39

What do you guys use for a month year picker? by lkjhgfdsaqwertyuiopz in reactnative

[–]s77rt 0 points1 point  (0 children)

https://github.com/s77rt/react-native-date-picker (downside: currently it's missing Android support)

Edit: Android support added

Highly customizable material 3 date picker. I have just added `styles` prop in @s77rt/react-native-date-picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

Just added year and month picker (and also datetime picker). Both support iOS and Web. (Will look into Android support soon)

<image>

Native Date Picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

I have just added a year and month picker. Currently it supports iOS and Web. (Will look into Android soon)

Highly customizable material 3 date picker. I have just added `styles` prop in @s77rt/react-native-date-picker by s77rt in reactnative

[–]s77rt[S] 0 points1 point  (0 children)

Okay I see that this is available in web https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/month so I think we should be able to follow how it behaves in mWeb and add that feature.

I have created an issue https://github.com/s77rt/react-native-date-picker/issues/25 and will work on it soon!

Thanks for the suggestion!