# Date picker design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-component.input.date_picker)

Last updated: 2026-09-14

Explore website designs that use **Date picker**.

## Captured pages

[![Schmigadoon! tickets | New York | TodayTix](https://pin.fontofweb.com/12097?format=jpg)](https://design.withfudge.com/share/pin-12097)

[Schmigadoon! tickets | New York | TodayTix](https://design.withfudge.com/share/pin-12097)

[![Shop Cricut® Maker 5 Bundles & Machines | Cricut®](https://pin.fontofweb.com/11781?format=jpg)](https://design.withfudge.com/share/pin-11781)

[Shop Cricut® Maker 5 Bundles & Machines | Cricut®](https://design.withfudge.com/share/pin-11781)

[![unfair.so — 100+ creators. 0% fee. First post today.](https://pin.fontofweb.com/11777?format=jpg)](https://design.withfudge.com/share/pin-11777)

[unfair.so — 100+ creators. 0% fee. First post today.](https://design.withfudge.com/share/pin-11777)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Button](/share/designs-with-component.action.button)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)