Date & Time screen examples

Polar

Detail page where the user updates a subscription's billing period end date via a side drawer.

• Edit
• Billing Settings

Airbnb

Search page where the user selects dates for experiences in a specific location using a calendar popover.

• Search
• Filter & Sort

Axiom

Settings page where the user is prompted to trim a dataset by selecting a date to permanently delete older blocks of data.

• Delete
• Confirmation

Extend

Dashboard where the user monitors their application credit usage across different features like parsing and extraction over a selected date range.

• Usage
• Charts

Dock

Wizard step where the user reviews details, assigns roles to people, and sets key dates before finalizing a new workspace.

• Setup Wizard
• Team Management

Voiceflow

Analytics dashboard for an AI agent showing usage metrics like resolution rate and total chats, currently in an empty state with a date picker open and an onboarding popover.

• Dashboard
• Empty State

Amie

Content editor where the user selects a timezone from a modal overlay while a success toast confirms an audio file upload.

• Media Editor

Aboard

Modal where the user sets the date, time, and attendee limits for a new event.

Navattic

Scheduling page where the user searches and selects their timezone from an open combobox before picking a 30-minute meeting slot.

• Schedule

Liveblocks

Settings page where the user can recover failed webhook messages by selecting a desired timeframe like 8h ago, yesterday, or last week.

• Webhooks
• Confirmation

Missive

Inbox view where the user is setting an out-of-office status with a custom start and end time via a modal.

• Setup Wizard
• Settings

Chatwoot

Analytics view where the user reviews team performance metrics like conversation volume and resolution times within a specific date range.

• Dashboard
• Reports