DatePicker

Retired Boards Appdev Extensions

Topic summary

A user seeks guidance on implementing a DatePicker component in their Shopify store, initially referencing the Checkout UI Extensions API documentation.

Key clarifications provided:

  • The Polaris DatePicker is designed for admin dashboard apps, not storefront use
  • For storefront implementation (product/cart pages), two options exist:
    • Use standard HTML date picker elements
    • Create a theme app extension to integrate a React-based date picker (note: Polaris DatePicker cannot be used directly on the frontend)

Resources shared:

  • YouTube tutorial demonstrating implementation
  • Medium article on building a checkout delivery date picker using Checkout UI Extensions

The discussion remains open as the original poster has not confirmed which implementation approach they will pursue.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Does anyone know how to add this to a Shopify store?

https://shopify.dev/docs/api/checkout-ui-extensions/unstable/components/forms/datepicker

Thank you!

2

Hello Brianv,

If you would like to add DatePicker to your store you can do it this way.

https://polaris.shopify.com/components/selection-and-input/date-picker

please let me know if u have any doughts.

3

Thank you very much for your response! Do you know how to implement it?

4

Can I add it into the product page or cart?

5

Actually, the date picker is for the admin dashboard apps, But if you want to add a date picker on the storefront on a cart or product page you have two options the HTML date picker or you can create a theme app extension in which you can add the react date picker, but you will not be allowed to use the Polaris date picker in the frontend.

6

Good online video tutorial here https://www.youtube.com/watch?v=NR4MLaaZeMA or blog article here https://medium.com/@ralfelfving/build-a-shopify-checkout-delivery-date-picker-with-checkout-ui-extensions-9e3e7dc29fb7