Forms: allow switching between themed and browser native date pickers #41811
Labels
[Block] Contact Form
Form block (also see Contact Form label)
[Feature] Forms Blocks
Blocks designed to streamline user input and engagement, such as contact, newsletter sign-ups, etc.
[Feature Group] Editor Experience
Features related to Gutenberg integration on WordPress.com.
[Package] Forms
[Pri] Normal
[Type] Enhancement
Changes to an existing feature — removing, adding, or changing parts of it
Browser's date picker is now widely supported and pretty good and has excellent accessibility out of the box.
It only lacks customization options for styles, but it already has some.
We should consider defaulting to it soon, but meanwhile, we can add it as a Style option to the Date block.
Themed
![Image](https://private-user-images.githubusercontent.com/87168/413297883-8585b364-beeb-4b52-964f-d68216c6f0ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODk5MjAsIm5iZiI6MTczOTY4OTYyMCwicGF0aCI6Ii84NzE2OC80MTMyOTc4ODMtODU4NWIzNjQtYmVlYi00YjUyLTk2NGYtZDY4MjE2YzZmMGNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE2VDA3MDcwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU5ODE1NTYwYzdmMzg3MTY5NTBhZDg3YTVmMzY5YzUyMmU1NzYzMTU2MTE5ODYxYTRmYjI2M2VhMjg4ZGNiNzYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.kMS4sS1sizUklXwOH6hziTEREeHxoU_zte0dtcDonwM)
Browser native
![Image](https://private-user-images.githubusercontent.com/87168/413297882-7ce8d249-346e-48e5-88dd-29ea201f80dd.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk2ODk5MjAsIm5iZiI6MTczOTY4OTYyMCwicGF0aCI6Ii84NzE2OC80MTMyOTc4ODItN2NlOGQyNDktMzQ2ZS00OGU1LTg4ZGQtMjllYTIwMWY4MGRkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE2VDA3MDcwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQxNDBlZjcxZDViYTUyOGRjYzBkYjFmMmYwOGZiOTgyZmQyNGE2NTMwYzVkNTAxNDkzM2FjZWNmODRhNjVjMDgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.38Pm-F-c6vX06WQe-qW1lk6GQpQRyLBOx5TGXz4LBXk)
There could be better style names than these, but just to illustrate the idea:
I considered "Styled" and "Unstyled" but it's not quite correct since you can apply some styles to the native one, too.
The text was updated successfully, but these errors were encountered: