Need a month picker (feature request)

[grosch]

Description

Would be very useful if the calendar component let us pick a month instead just a specific day in the month. For example, this order counts against December. I don't care about a specific date in December, I just care about the month.

It would be fine if you just picked the 1st as far as the Date() object, but for the UI the person still just sees a month.

• igniteui-angular version: 6.2.0
• browser: Any

[kdinev]

@grosch There's already a UI for that in the IgxCalendar. What we can do is extract it as a separate component and expose it.

I'm talking about this part of the calendar:

[StefanIvanov]

IMO it is not necessary to extract it in a component, but @grosch is asking how to change the month in the date picker, which is possible upon clicking the month name in the area just above the weekdays.

[kdinev]

@StefanIvanov The UI is there, but currently you cannot have that at the only calendar UI, which you go directly to, and can react to user choice.

[StefanIvanov]

If @grosch 's goal is to be able to select only a month without a date etc. I'd argue that a dropdown component with the 12 items, one for each month, would work just fine. The idea of a date picker is that you are able to pick all parts of a date i.e. DD, MM and YY but if you have a form where you provide the month in which your yearly car insurance expires, than you wouldn't need a picker. I am curious to know about the specific scenario @grosch is facing to make a proper recommendation and if it is on our end, we will know what specific feature we are required to meet that fits right in a scenario.

[kdinev]

@StefanIvanov This would be similar concept to the time picker component. With a time picker, you only expose a specific portion of a date object to be editable by an end user, namely the time portion. A month picker would only be for the month portion of a date.

@grosch Would a drop down with months serve the purpose for you?

[grosch]

@StefanIvanov The idea is that, for example, you've got an order/billing system, and you have to identify what month the order goes against, and so you're picking a year and a month, but you don't care about the day. Just having a list of month dropdowns isn't good because then you have to have a second input to type in a year.

[grosch]

@kdinev Put a year picker at the top of that image you posted and that's exactly what I'm looking for!

[kdinev]

@grosch Like this?

[grosch]

@kdinev No, something more like this, from ng2-date-picker:

[kdinev]

My screenshots are from this demo: https://stackblitz.com/angular/eymadmbgxko

The stackblitz is from this sample in the docs: https://www.infragistics.com/products/ignite-ui-angular/angular/components/calendar.html#special-dates

Click on the month name or year name and you get the views. My understanding is you just don't need the days view from the whole thing.