DatePicker

Allows users to select a date from an interactive calendar interface for streamlined date input.

Usage

12/27/2024

import { useState } from 'react';
import { Box, DatePicker } from '@arctic-kit/snow';

function Demo() {
  const [value, setValue] = useState<Date | undefined>(new Date());
  return (
    <Box sx={{ display: 'flex' }}>
      <DatePicker value={value} onChange={setValue} />
    </Box>
  );
}

API Reference

Props	Type	Default
`disabled`	`boolean \| undefined`	---
`label`	`string \| undefined`	---
`maxDate`	`Date \| undefined`	---
`minDate`	`Date \| undefined`	---
`onChange`	`((date?: Date \| undefined) => void) \| undefined`	---
`placeholder`	`string \| undefined`	---
`readOnly`	`boolean \| undefined`	---
`size`	`"small" \| "medium" \| "large"`	---
`value`	`Date \| undefined`	---

Combobox Drawer