Date

Date picker with calendar and keyboard navigation.

import React from 'react'
import { Date } from "ui-lab-components"
 
export function Example() {
  const [date, setDate] = React.useState<Date | null>(null)
  return <Date value={date} onChange={setDate} />
}

Basic Date

A simple date component for date selection with today indicator and week numbers. Click a date to select it.

Date with Disabled Dates

Date component with certain dates disabled (weekends). Disabled dates cannot be selected.

UI Lab