This small and fast plugin allows you to use the native browser's date picker without using any external libraries.
Great option to mobile apps — it calls native date/time picker so familiar to iOS/Android platform users.

There are a lot of useful customization options:
1. Picker format: date, time, date+time and month.
2. Step to select dates.
3. Min and max values.
4. Initial date/time.
5. Color scheme for clock/calendar icon and dropdown date picker.
6. Center vertically for use with a large height size.
7. Fit width and height to content (currently, Bubble bug doesn't allow to use it's native settings).
8. Font styling: selecting colors, weight, size and other style settings.
9. Background styling: colors, gradients, images.
10. Borders styling, including roundness.
11. Paddings.

After a date is selected, date picker will have a state with selected date in date format as well as a string, the "date/time is selected" event will also be fired.

It's possible to use an action "setdate" to set custom date/time with ability to select if event needs to be fired.

Some browsers don't support all features, for example, Safari doesn't support format "month", see more: https://caniuse.com/input-datetime

Also please note that each browser renders this element differently, so test carefully.

The plugin was created for the new responsive engine so not sure if it correctly works with old responsive.

You can find run version here: https://testliveversion.bubbleapps.io/version-test/datetimepicker

Edit mode link:
https://bubble.io/page?type=page&name=datetimepicker&version=live&id=testliveversion

The plugin is distributed "as is".

You can request changes or feature additions by email to [email protected], but since the plugin is free, I can't promise I can help, but I'll try.