Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Allow year selector to be moved before month. #384

Closed
a-am opened this issue Apr 2, 2014 · 6 comments
Closed

Allow year selector to be moved before month. #384

a-am opened this issue Apr 2, 2014 · 6 comments
Labels
Milestone

Comments

@a-am
Copy link

a-am commented Apr 2, 2014

We keep running into issues with users where the ui is confusing. When we have "max:true" and some of the months are greyed out it is confusing to the user having to change the year first to select the month. But if we remove max:true then we have years we don't need in the picker. So if the year select could be moved before the month that would help usability. Or the ability to toggle that.

@amsul amsul added the todo label Apr 11, 2014
@amsul amsul added this to the v3.4.1 milestone Apr 11, 2014
@amsul
Copy link
Owner

amsul commented Apr 13, 2014

I completely agree. Going to make it default to showing the year selector before month all the time when selectYears is truthy.

@amsul amsul added solved and removed todo labels Apr 13, 2014
@amsul amsul closed this as completed in d940c6b Apr 13, 2014
@kevinquillen
Copy link

Putting the year first doesn't improve that much - if you have select months and years as true, the year comes first before the month.

Definitely need the ability to control the order they appear instead of hard coding that in.

@adidahiya
Copy link

+1 for allowing an option to specify the order of the dropdowns

@amsul
Copy link
Owner

amsul commented Oct 28, 2014

I appreciate the concern - but all focus is on v4 (which removes all dropdowns anyway).

In the interim, you could always reorder them on the render event.

@LiuQiTangli
Copy link

I have a problem: the font-size of year and month is too large to display completely. please skin my picture and someone give me a solution. Thanks!
dd0f tmp

@serg33v
Copy link

serg33v commented Nov 9, 2017

@LiuQiTangli just remove padding from select elements:

.picker__select--month, .picker__select--year {
	padding:0;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

6 participants