---
title: 'Calendar'
description: 'A date field component that allows users to enter and edit date.'
sidebar:
  label: 'Calendar'
  order: 11
---

<Component path="calendar/default" />

## Range

<Component path="calendar/range" />

## Cell Size

<Component path="calendar/cell-size" />

## Calendar Mini

<Component path="calendar/mini" />