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

Boundless dates do not work in range mode #1454

Open
cleverplatypus opened this issue Mar 1, 2024 · 0 comments
Open

Boundless dates do not work in range mode #1454

cleverplatypus opened this issue Mar 1, 2024 · 0 comments

Comments

@cleverplatypus
Copy link

The issue

This is a two prong issue.

  1. (nice to have) there is no way to use the calendar to define an open-ended range. i solved this myself by allowing the user to double click on a day which triggers a handler that sets the range.end to null (actually to a date in the long distant future because of issue 2)
  2. the main issue is that setting range to an object where either start or end is null, doesn't display any range in the UI.
<template>
<v-date-picker 
   ref="cal"
   v-model.range="dateRange"
/>
</template>
<script lang="ts">
const dateRange = ref<{
    start: Date | null,
    end?: Date | null
}>({
    start: new Date(2024, 2, 6),
    end: null,
});
</script>

Expected behaviour

image

Observed behaviour

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

No branches or pull requests

1 participant