Added configurable limit for amount of items displayed in a single row of monthpicker and yearpicker

[halfzebra]

Rationale

We needed to have more control over the datepicker grid size of the <yearpicker> and <monthpicker>

This feature is borrowed from angular-ui/bootstrap, see yearColumns and monthColumns properties.

I have added two new configuration properties:

• monthColLimit (?number=3) - number of months displayed in a single row of month picker
• yearColLimit (?number=5) - number of years displayed in a single row of year picker

Any feedback is very welcome!

Examples

<yearpicker>

3x8

<datepicker
    [yearRange]="24"
    [yearColLimit]="8"
></datepicker>

#### 3x3

<datepicker
    [yearRange]="9"
    [yearColLimit]="3"
></datepicker>

### `` #### 4x4

<datepicker
    [monthColLimit]="4"
></datepicker>

[codecov-io]

Current coverage is 85.62% (diff: 100%)

Merging #1141 into development will not change coverage

@@           development      #1141   diff @@
=============================================
  Files               35         35          
  Lines             1280       1280          
  Methods            228        228          
  Messages             0          0          
  Branches           213        213          
=============================================
  Hits              1096       1096          
  Misses             184        184          
  Partials             0          0          

Powered by Codecov. Last update fe6ad23...012270b

[valorkin]

Looks very good to me, except properties
but as soon as I will be merging new datepicker...