Skip to main content

value

Description​

Optional. Sets a value of the Month control

Usage​

value?: { start: Date; end: Date } | Date;

Parameters​

The value property supports two formats:

  • Date range – an object with two properties:

    • start – the starting date of the range
    • end `– the ending date of the range. Used for selecting a continuous range of dates within a month or across several months.
<Month value={{ start: new Date(2022, 4, 4), end: new Date(2022, 4, 6) }} />
  • Single date – a single Date object. Used for selecting one day in a month. Usually combined with the part property.
<Month 
    part={"normal"} 
    value={new Date(2022, 4, 1)}/>

Example​

<Month 
    current={new Date(2022, 4, 1)}  
    value={{ start: new Date(2022, 4, 4), end: new Date(2022, 4, 6) }} >
</Month>

Related articles: