p-calendar with Navigator options : visual error
Posted: 08 Apr 2017, 03:13
<p-calendar
[(ngModel)]="aDate"
showIcon="true"
monthNavigator="true"
yearNavigator="true"
yearRange="2010:2030"
> </p-calendar>
In PoseidonNG, the Navigator options don't look very good. The Year field is truncated and can only show 3 digits ("201" , not "2017") in the calendar header. The Month field too narrow for September, November, December. The margins in ".ui-datepicker .ui-datepicker-title" need to be removed or adjusted for it to display better.
[(ngModel)]="aDate"
showIcon="true"
monthNavigator="true"
yearNavigator="true"
yearRange="2010:2030"
> </p-calendar>
In PoseidonNG, the Navigator options don't look very good. The Year field is truncated and can only show 3 digits ("201" , not "2017") in the calendar header. The Month field too narrow for September, November, December. The margins in ".ui-datepicker .ui-datepicker-title" need to be removed or adjusted for it to display better.