feat(VDatePicker): show-adjacent-months prop

[jacekkarczmarczyk]

Description

Adds possibility to display days from prev/next monhts

Motivation and Context

fixes #12237

How Has This Been Tested?

playground

Markup:

<template>
  <v-container>
    <v-date-picker
      v-model="dates"
      :picker-date.sync="pickerDate"
      multiple
      show-current="2021-01-02"
    />
    <v-date-picker
      v-model="dates"
      show-adjacent-months
      :picker-date.sync="pickerDate"
      multiple
      show-current="2021-01-02"
    />
  </v-container>
</template>

<script>
  export default {
    data: () => ({ dates: ['2020-11-29', '2021-01-01'], pickerDate: '2020-12' }),
  }
</script>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and backwards compatible changes and next for non-backwards compatible changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[nekosaur]

Looks good. The only thing I could see is that the text/background contrast ratio for the disabled selected dates is pretty bad, but I guess that's a separate issue.

[jacekkarczmarczyk]

Yeah, i'll try to fix in a separate PR

[KaelWD]

MD2 is kinda weird about this, the mobile picker doesn't show them:

The desktop picker does, but only the next month?

[KaelWD]

idk if disabled is right, the native ones are greyed out but still clickable: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

[KaelWD]

showAdjacentMonths? "sibling" implies possibly not directly next to.

[KaelWD]

Or just have it be default behaviour.

[jacekkarczmarczyk]

Same question as for hold-on-hover for snackbar - do we need a prop to turn this behaviour off?

[KaelWD]

I don't think so.

[jacekkarczmarczyk]

Let's keep the default behaviour same as in2.3, I've renamed prop to show-adjacent-months

[kurtthehurt]

Is it possible to enable the days reflected by shownAdjacentMonths?

[arcofine]

Can we add a prop to allow the shownAdjacentsMonths clickable if isAllowed?