Help

Upcoming database upgrades. Airtable functionality will be reduced for ~15 minutes at 06:00 UTC on Feb. 4 / 10:00 pm PT on Feb. 3. Learn more here

Support for date and datetime-local input types?

Topic Labels: Custom extensions
756 4
cancel
Showing results for 
Search instead for 
Did you mean: 

Hey,

Wanted to know if there should be support for it. I just tried to use them but style is not what it should be I think. See attached screenshot of a block with the most recent version of the blocks package (v0.0.47):

Screenshot 2020-04-30 00.54.10

Thanks,
Ronen Babayoff
Superblocks.at

4 Replies 4

Hey Ronen,

Thanks for reaching out. Could you share the code that you are using to render those inputs? The native browser date inputs have pretty bad implementations across the board. I would point you to something like http://react-day-picker.js.org/ that is more consistent across browsers and should work better. That being said, I am making a ticket for the team to look more into this and see what we can do.

Jay

Hey Jay,

Thanks for your response. I just wanted to check that since the documentation for the Input component specifies those as supported types, if you really do have your own components for them and that I may be doing something wrong.

Would be nice to have access to the same great looking components you guys use in the main Airtable UI, including your date and time components.

Cheers,
Ronen Babayoff
Superblocks.at

Hey Ronen,

I created a ticket for looking into date picker options at our side, and to see if we can support date type on the input more gracefully. In the mean time, using the React picker I shared is probably your most robust option.

Best,
Jay

@Ronen_Babayoff Do you have an example of how you implemented @Jay_Ransijn’s recommended react-day-picker? I’m having trouble getting the CSS styling to import.

Screen Shot 2021-05-31 at 1.17.08 PM