---
title: "Calendar Picker"
created: "2026-07-02"
updated: "2026-07-02"
type: "concept"
status: "compiled"
category: "ui-patterns"
namespace: "ui-patterns"
source_url: "https://ui-patterns.com/patterns/CalendarPicker"
source_site: "UI Patterns"
source_copyright_note: "Source site footer says All rights reserved; this page is a catalog pointer, not a republication."
source_path: "/patterns/CalendarPicker"
source_slug: "CalendarPicker"
track: "User Interface Design Patterns"
group: "Getting input"
subgroup: "Forms"
section_headings:
  - "Problem summary"
  - "Example"
  - "Usage"
  - "Solution"
  - "Shortcuts"
  - "Locking-in the period of selection"
  - "Two ways of inputting data: speedy and easy"
  - "Good defaults"
  - "Check date range validity"
  - "Display complete weeks"
  - "Make link targets big"
  - "Rationale"
  - "Discussion"
  - "International considerations"
example_count: 8
retrieved_at: "2026-07-02T18:23:09+00:00"
confidence: "medium"
---
# Calendar Picker

> Catalog pointer for the UI Patterns source page: [Calendar Picker](https://ui-patterns.com/patterns/CalendarPicker).

## Taxonomy

- Track: User Interface Design Patterns
- Group: Getting input
- Subgroup: Forms
- Source breadcrumb: Design Patterns > Getting input > Forms > Calendar Picker

## Source Page Inventory

- Source URL: https://ui-patterns.com/patterns/CalendarPicker
- Page title: Calendar Picker design pattern
- Section headings available at source: Problem summary, Example, Usage, Solution, Shortcuts, Locking-in the period of selection, Two ways of inputting data: speedy and easy, Good defaults, Check date range validity, Display complete weeks, Make link targets big, Rationale, Discussion, International considerations
- Example screenshots detected at source: 8
- Primary example image detected: yes

## Retrieval Notes

Use this page as a routing handle, then open the source URL when you need the full pattern explanation, screenshot examples, or exact wording. For public Pixi Wiki use, prefer paraphrased design implications over long source quotes.

Useful retrieval frame:

- Ask what user behavior or interface decision this pattern is meant to shape.
- Check the source page sections before prescribing it; many pages distinguish usage, solution, rationale, and examples.
- Compare nearby patterns in the same subgroup before choosing one.
- Cite this catalog page plus the source URL when using the pattern in design review.

## Source Shape

- Problem summary: 15 words on source page
- Example: 95 words on source page
- Usage: 87 words on source page
- Solution: 487 words on source page
- Shortcuts: 41 words on source page
- Locking-in the period of selection: 39 words on source page
- Two ways of inputting data: speedy and easy: 109 words on source page
- Good defaults: 77 words on source page
- Check date range validity: 45 words on source page
- Display complete weeks: 32 words on source page
- Make link targets big: 13 words on source page
- Rationale: 33 words on source page
- Discussion: 94 words on source page
- International considerations: 82 words on source page

## Source Navigation

- Previous source navigation: Activity Stream
- Next source navigation: Autocomplete