Provides a calendar where the user can select a day in a month.
<Ui.Calendar month={Time.from(2024, 12, 1)} day={Time.from(2024, 12, 3)} changeMonthOnSelect={false} size={Ui.Size.Px(16)} disabled={false} embedded={false}/>
<> <Ui.Calendar onMonthChange={ (month : Time) { Ui.Notifications.notifyDefault( <>Time.format(month, Time.Format.ENGLISH, "%Y-%m-%d")</>) } } changeMonthOnSelect={false} /> <Ui.Calendar onMonthChange={ (month : Time) { Ui.Notifications.notifyDefault( <>Time.format(month, Time.Format.ENGLISH, "%Y-%m-%d")</>) } } changeMonthOnSelect={true} /></>
<> <Ui.Calendar size={Ui.Size.Px(12)}/> <Ui.Calendar size={Ui.Size.Px(16)}/> <Ui.Calendar size={Ui.Size.Px(20)}/></>
<Ui.Calendar onChange={ (day : Time) { Ui.Notifications.notifyDefault( <>Time.format(day, Time.Format.ENGLISH, "%Y-%m-%d")</>) } }/>
<Ui.Calendar onMonthChange={ (day : Time) { Ui.Notifications.notifyDefault( <>Time.format(day, Time.Format.ENGLISH, "%Y-%m-%d")</>) } }/>
<> <Ui.Calendar disabled={false}/> <Ui.Calendar disabled={true}/></>
<> <Ui.Calendar embedded={false}/> <Ui.Calendar embedded={true}/></>
Mint UI is a design system and component library for building websites, web and desktop applications.