feat: add "is-start" and "is-end" to the first and last dates respectively

[MrMohamedAbdallah]

That feature allow users to style the first and last cell in the dates range and single date.

For example, adding a border radius to the first and last ones.

[mengxiong10]

You can use getClasses prop.

<date-picker :get-classes="getClasses" />

{
  methods: {
    getClasses(cellDate, innerValue) {
        const length = innerValue.length
        const classes = []
        if (length) {
            if (cellDate.getTime() == innerValue[0].getTime()) classes.push('is-start');
            if (cellDate.getTime() == innerValue[length - 1].getTime()) classes.push('is-end');
        }
        return classes
     }
  }
}

[MrMohamedAbdallah]

Yeah, but that PR is to make it a feature in the library itself. It will make it easier for styling, no need to add the getClasses prop in each instance for such a simple classes.

[MrMohamedAbdallah]

@mengxiong10 will that be merged soon?