Reka Ui/Remove Calendar Step Prop

/icons/calendar.svg

Last update

Oct 4, 2024

Use prevPage/nextPage props for greater control.

Example

Before

< template >
<
CalendarPrev step = 'year' / >
<
CalendarNext step = 'year' / >
<
/template>;

After

< script setup lang = "ts" >
function pagingFunc(date: DateValue, sign: -1 | 1) {
if (sign === -1)
return date.subtract({ years: 1 })
return date.add({ years: 1 })
} <
/script>
<
template >
<
CalendarPrev: prev - page = "(date: DateValue) => pagingFunc(date, -1)" / >
<
CalendarNext: next - page = "(date: DateValue) => pagingFunc(date, 1)" / >
<
/template>

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

background illustrationGet Started Now