Calendar

A date picker component with range and multiple selection support.

Single

January
February
March
April
May
June
July
August
September
October
November
December
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
Su
Mo
Tu
We
Th
Fr
Sa

Range

January
February
March
April
May
June
July
August
September
October
November
December
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
Su
Mo
Tu
We
Th
Fr
Sa

Multiple

January
February
March
April
May
June
July
August
September
October
November
December
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
Su
Mo
Tu
We
Th
Fr
Sa

Installation

CLI

Install the component using the StarUI CLI:

star add calendar

Examples

Date Range Selection

Select a start and end date for booking or filtering

January
February
March
April
May
June
July
August
September
October
November
December
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
Su
Mo
Tu
We
Th
Fr
Sa

Range:

Multiple Date Selection

Select multiple individual dates for scheduling or events

January
February
March
April
May
June
July
August
September
October
November
December
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
Su
Mo
Tu
We
Th
Fr
Sa

Selected:

API Reference

Props

Prop Type Default Description
mode Literal['single', 'range', 'multiple'] 'single' Selection mode for the calendar
selected str | list[str] | None None Initially selected date(s)
month int | None None Starting month (1-12)
year int | None None Starting year
disabled bool False Whether calendar is disabled
signal str | None None Custom signal prefix for the calendar
cls str '' Additional CSS classes