Month and Year picker

[Berdugo1994]

Using the awesome DatePicker component, I don't see an option to select a month & year tuple as a value.
Making granularity="month" option valid could be even more awesome than it now. Thanks in advance :)

[elRatto21]

I agree, I need this too

[pmt1506]

i also need this too, hope they include it

[AnshDubey1999]

This would be really nice, ++1

[ekajaya740]

+1

Its would be nice if this implemented

But if you need it right now, I've found an alternative way that fits my needs to display only month and year by applying this props to the DatePicker

showMonthAndYearPickers
calendarProps={{
    isHeaderExpanded: true,
    hideDisabledDates: true,
}}

[fahry-mohammed]

Thanks, UI is okay which shows years and months. But selecting year and month, DatePicker modal not getting close nor showing selected values. How did you handle that?

[ekajaya740]

Hi @fahry-mohammed

I just set the date to 1 and restrict the date to only select 1. Its working without problem for me.

isDateUnavailable={ (date) =>
	!dayjs(date).isValid() || dayjs(date).date() !== 1
}

But now I'm still figuring out on how to hide the date, so it will displayed in MM/YYYY format.

[fahry-mohammed]

@ekajaya740, Btw I ended up creating a new component called YearMonthPicker our own using NextUI’s Popover!

[ekajaya740]

@fahry-mohammed Cool, I'm curious on how you do it. If you don't mind, I would like to see your implementation.

[fahry-mohammed]

@ekajaya740 Here you go: CvManagerMonthYearPicker. Please let me know if you find any bugs or improvement.

[lanzclintonv]

This would be good if we had this component. Also to add in, a quarter picker too. AntDesign has these all.

[fahry-mohammed]

I ended up creating a new component called MonthYearPicker our own using NextUI’s Popover: CvManagerMonthYearPicker. Please let me know if you find any bugs or improvement.