From 74e7dc057bb20de5eb874dd9b8856358c5cbb133 Mon Sep 17 00:00:00 2001 From: zernonia Date: Thu, 30 Jan 2025 12:48:15 +0800 Subject: [PATCH 01/11] docs: fix tags input with combobox demo --- docs/components/demo/TagsInputCombobox/css/index.vue | 4 ++-- docs/components/demo/TagsInputCombobox/tailwind/index.vue | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/components/demo/TagsInputCombobox/css/index.vue b/docs/components/demo/TagsInputCombobox/css/index.vue index dc629c49f..ce3ac0d90 100644 --- a/docs/components/demo/TagsInputCombobox/css/index.vue +++ b/docs/components/demo/TagsInputCombobox/css/index.vue @@ -21,8 +21,8 @@ watch(values, () => { > diff --git a/docs/components/demo/TagsInputCombobox/tailwind/index.vue b/docs/components/demo/TagsInputCombobox/tailwind/index.vue index d85503e87..ce3ac0d90 100644 --- a/docs/components/demo/TagsInputCombobox/tailwind/index.vue +++ b/docs/components/demo/TagsInputCombobox/tailwind/index.vue @@ -22,7 +22,7 @@ watch(values, () => { From 4c4440eca4c325b01350bad4492e704dd1bf603e Mon Sep 17 00:00:00 2001 From: zernonia Date: Thu, 30 Jan 2025 14:55:52 +0800 Subject: [PATCH 02/11] docs: fix reproduction failing with latest tw4 --- docs/codeeditor/index.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/codeeditor/index.ts b/docs/codeeditor/index.ts index dcbe922d7..9c99f9081 100644 --- a/docs/codeeditor/index.ts +++ b/docs/codeeditor/index.ts @@ -67,7 +67,7 @@ function constructFiles(componentName: string, sources: Record) 'vite': 'latest', '@vitejs/plugin-vue': 'latest', 'vue-tsc': 'latest', - 'tailwindcss': 'latest', + 'tailwindcss': '^3.4.13', 'postcss': 'latest', 'autoprefixer': 'latest', } From 5215f58e125f21b91547ddeb5add7c5dcd522fa7 Mon Sep 17 00:00:00 2001 From: zernonia <59365435+zernonia@users.noreply.github.com> Date: Thu, 30 Jan 2025 15:03:40 +0800 Subject: [PATCH 03/11] fix: date component type resolves incorrectly (#1592) --- packages/radix-vue/package.json | 4 ++-- packages/radix-vue/vite.config.ts | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/radix-vue/package.json b/packages/radix-vue/package.json index 1f2b7affc..73ca962cb 100644 --- a/packages/radix-vue/package.json +++ b/packages/radix-vue/package.json @@ -34,11 +34,11 @@ "./date": { "import": { "types": "./dist/date/index.d.ts", - "default": "./dist/date.js" + "default": "./dist/date/index.js" }, "require": { "types": "./dist/date/index.d.ts", - "default": "./dist/date.umd.cjs" + "default": "./dist/date/index.umd.cjs" } }, "./namespaced": { diff --git a/packages/radix-vue/vite.config.ts b/packages/radix-vue/vite.config.ts index 47070e41b..86d90171e 100644 --- a/packages/radix-vue/vite.config.ts +++ b/packages/radix-vue/vite.config.ts @@ -33,8 +33,8 @@ export default defineConfig({ return `${name}.${format === 'es' ? 'js' : 'umd.cjs'}` }, entry: { - index: resolve(__dirname, 'src/index.ts'), - date: resolve(__dirname, 'src/date/index.ts'), + 'index': resolve(__dirname, 'src/index.ts'), + 'date/index': resolve(__dirname, 'src/date/index.ts'), }, }, rollupOptions: { From 586c25a97318f40a2418424b8cf77b49609b4bf6 Mon Sep 17 00:00:00 2001 From: Fabian <35344457+fgiering@users.noreply.github.com> Date: Thu, 30 Jan 2025 14:49:20 +0100 Subject: [PATCH 04/11] docs: update dialog modal wai-aria link (#1594) The link was not available anymore --- docs/content/overview/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/overview/getting-started.md b/docs/content/overview/getting-started.md index 1d87601a8..df9492d51 100644 --- a/docs/content/overview/getting-started.md +++ b/docs/content/overview/getting-started.md @@ -120,7 +120,7 @@ These components are low-level enough to give you control over how you want to w In a few simple steps, we've implemented a fully accessible Popover component, without having to worry about many of its complexities. -- Adheres to [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal) design pattern. +- Adheres to [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) design pattern. - Can be controlled or uncontrolled. - Customize side, alignment, offsets, collision handling. - Optionally render a pointing arrow. From 14da5f14d0b5305f1581591c5078e080a8e41f14 Mon Sep 17 00:00:00 2001 From: Pierre-Marc Airoldi Date: Thu, 30 Jan 2025 22:33:34 -0500 Subject: [PATCH 05/11] fix(Checkbox): set aria-required to required prop value (#1596) --- packages/radix-vue/src/Checkbox/Checkbox.test.ts | 12 ++++++++++++ packages/radix-vue/src/Checkbox/CheckboxRoot.vue | 2 +- 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/packages/radix-vue/src/Checkbox/Checkbox.test.ts b/packages/radix-vue/src/Checkbox/Checkbox.test.ts index 9109d7508..6acdd524e 100644 --- a/packages/radix-vue/src/Checkbox/Checkbox.test.ts +++ b/packages/radix-vue/src/Checkbox/Checkbox.test.ts @@ -80,6 +80,18 @@ describe('given a disabled Checkbox', () => { }) }) +describe('given a required Checkbox', () => { + const wrapper = mount({ + components: { Checkbox }, + template: '
', + }) + + it('should have [aria-required] of "true"', () => { + expect(wrapper.find('button').attributes('aria-required')).toEqual('true') + expect(wrapper.find('[type="checkbox"]').attributes('required')).toBeDefined() + }) +}) + describe('given checked value as "indeterminate"', async () => { const wrapper = mount(Checkbox, { props: { checked: 'indeterminate' } }) diff --git a/packages/radix-vue/src/Checkbox/CheckboxRoot.vue b/packages/radix-vue/src/Checkbox/CheckboxRoot.vue index fb21933bd..c71c02b5c 100644 --- a/packages/radix-vue/src/Checkbox/CheckboxRoot.vue +++ b/packages/radix-vue/src/Checkbox/CheckboxRoot.vue @@ -91,7 +91,7 @@ provideCheckboxRootContext({ :as="as" :type="as === 'button' ? 'button' : undefined" :aria-checked="isIndeterminate(checked) ? 'mixed' : checked" - :aria-required="false" + :aria-required="props.required" :aria-label="$attrs['aria-label'] || ariaLabel" :data-state="getState(checked)" :data-disabled="disabled ? '' : undefined" From ebc4ccc99ef8515ac2e612107e0f97c40efc4d2a Mon Sep 17 00:00:00 2001 From: Eduard Predescu Date: Tue, 4 Feb 2025 04:57:09 +0200 Subject: [PATCH 06/11] fix(Calendar/RangeCalendar)!: do not set isDisabled on outside month (#1602) * fix(Calendar/RangeCalendar): set isDisabled only on disabled * fix(Calendar/RangeCalendar): adjust selector for data attributes * docs(Calendar): update styling for days outside current month --- docs/components/demo/Calendar/tailwind/index.vue | 2 +- docs/components/demo/CalendarSelect/tailwind/index.vue | 2 +- .../demo/CalendarYearIncrement/tailwind/index.vue | 2 +- docs/components/demo/DatePicker/tailwind/index.vue | 2 +- docs/components/demo/DateRangePicker/tailwind/index.vue | 2 +- docs/components/demo/RangeCalendar/tailwind/index.vue | 2 +- packages/radix-vue/src/Calendar/CalendarCellTrigger.vue | 6 +++--- .../src/Calendar/story/CalendarDefault.story.vue | 2 +- .../radix-vue/src/Calendar/story/CalendarDir.story.vue | 2 +- .../src/Calendar/story/CalendarPopover.story.vue | 2 +- .../radix-vue/src/Calendar/story/CalendarSelect.story.vue | 2 +- .../src/Calendar/story/CalendarYearIncrement.story.vue | 2 +- packages/radix-vue/src/Calendar/story/_DummyCalendar.vue | 2 +- .../src/DatePicker/story/DatePickerDefault.story.vue | 2 +- .../radix-vue/src/DatePicker/story/_DummyDatePicker.vue | 2 +- .../story/DateRangePickerDefault.story.vue | 2 +- .../src/DateRangePicker/story/_DummyDateRangePicker.vue | 2 +- .../src/RangeCalendar/RangeCalendarCellTrigger.vue | 8 ++++---- .../RangeCalendar/story/RangeCalendarDefault.story.vue | 2 +- .../RangeCalendar/story/RangeCalendarPopover.story.vue | 2 +- .../src/RangeCalendar/story/_DummyRangeCalendar.vue | 2 +- 21 files changed, 26 insertions(+), 26 deletions(-) diff --git a/docs/components/demo/Calendar/tailwind/index.vue b/docs/components/demo/Calendar/tailwind/index.vue index 0a18ffbd7..251997269 100644 --- a/docs/components/demo/Calendar/tailwind/index.vue +++ b/docs/components/demo/Calendar/tailwind/index.vue @@ -68,7 +68,7 @@ const isDateUnavailable: CalendarRootProps['isDateUnavailable'] = (date) => { diff --git a/docs/components/demo/CalendarSelect/tailwind/index.vue b/docs/components/demo/CalendarSelect/tailwind/index.vue index 036a7176d..11072dee3 100644 --- a/docs/components/demo/CalendarSelect/tailwind/index.vue +++ b/docs/components/demo/CalendarSelect/tailwind/index.vue @@ -234,7 +234,7 @@ const value = computed(() => toCalendar(today(getLocalTimeZone()), createCalenda diff --git a/docs/components/demo/CalendarYearIncrement/tailwind/index.vue b/docs/components/demo/CalendarYearIncrement/tailwind/index.vue index 05b6b6f91..5418455d5 100644 --- a/docs/components/demo/CalendarYearIncrement/tailwind/index.vue +++ b/docs/components/demo/CalendarYearIncrement/tailwind/index.vue @@ -94,7 +94,7 @@ function pagingFunc(date: DateValue, sign: -1 | 1) { diff --git a/docs/components/demo/DatePicker/tailwind/index.vue b/docs/components/demo/DatePicker/tailwind/index.vue index 041e281e3..dc44f6dc0 100644 --- a/docs/components/demo/DatePicker/tailwind/index.vue +++ b/docs/components/demo/DatePicker/tailwind/index.vue @@ -125,7 +125,7 @@ import { diff --git a/docs/components/demo/DateRangePicker/tailwind/index.vue b/docs/components/demo/DateRangePicker/tailwind/index.vue index 4585883b2..7f5e5ac75 100644 --- a/docs/components/demo/DateRangePicker/tailwind/index.vue +++ b/docs/components/demo/DateRangePicker/tailwind/index.vue @@ -152,7 +152,7 @@ import { diff --git a/docs/components/demo/RangeCalendar/tailwind/index.vue b/docs/components/demo/RangeCalendar/tailwind/index.vue index f0107914d..91c1edbf6 100644 --- a/docs/components/demo/RangeCalendar/tailwind/index.vue +++ b/docs/components/demo/RangeCalendar/tailwind/index.vue @@ -67,7 +67,7 @@ function isDateUnavailable(date: DateValue) { diff --git a/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue b/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue index baf357c6e..71d9f0ba9 100644 --- a/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue +++ b/packages/radix-vue/src/Calendar/CalendarCellTrigger.vue @@ -70,7 +70,7 @@ const isFocusedDate = computed(() => { const isSelectedDate = computed(() => rootContext.isDateSelected(props.day)) const SELECTOR - = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-month]):not([data-outside-visible-months])' + = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-view]):not([data-outside-visible-view])' function changeDate(date: DateValue) { if (rootContext.readonly.value) @@ -158,10 +158,10 @@ function handleArrowKey(e: KeyboardEvent) { role="button" :aria-label="labelText" data-radix-vue-calendar-cell-trigger - :aria-disabled="isOutsideView || isDisabled || isUnavailable ? true : undefined" + :aria-disabled="isDisabled || isUnavailable ? true : undefined" :data-selected="isSelectedDate ? true : undefined" :data-value="day.toString()" - :data-disabled="isDisabled || isOutsideView ? '' : undefined" + :data-disabled="isDisabled ? '' : undefined" :data-unavailable="isUnavailable ? '' : undefined" :data-today="isDateToday ? '' : undefined" :data-outside-view="isOutsideView ? '' : undefined" diff --git a/packages/radix-vue/src/Calendar/story/CalendarDefault.story.vue b/packages/radix-vue/src/Calendar/story/CalendarDefault.story.vue index 961ac96a6..2e82de34e 100644 --- a/packages/radix-vue/src/Calendar/story/CalendarDefault.story.vue +++ b/packages/radix-vue/src/Calendar/story/CalendarDefault.story.vue @@ -69,7 +69,7 @@ import { CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, Cale diff --git a/packages/radix-vue/src/Calendar/story/CalendarDir.story.vue b/packages/radix-vue/src/Calendar/story/CalendarDir.story.vue index ee0c02b9b..e6985e85e 100644 --- a/packages/radix-vue/src/Calendar/story/CalendarDir.story.vue +++ b/packages/radix-vue/src/Calendar/story/CalendarDir.story.vue @@ -72,7 +72,7 @@ import { ConfigProvider } from '@/ConfigProvider' diff --git a/packages/radix-vue/src/Calendar/story/CalendarPopover.story.vue b/packages/radix-vue/src/Calendar/story/CalendarPopover.story.vue index 1d30a33b6..f33929eaa 100644 --- a/packages/radix-vue/src/Calendar/story/CalendarPopover.story.vue +++ b/packages/radix-vue/src/Calendar/story/CalendarPopover.story.vue @@ -115,7 +115,7 @@ const formatter = useDateFormatter('en') diff --git a/packages/radix-vue/src/Calendar/story/CalendarSelect.story.vue b/packages/radix-vue/src/Calendar/story/CalendarSelect.story.vue index d5bcfbfb9..e521c2c3f 100644 --- a/packages/radix-vue/src/Calendar/story/CalendarSelect.story.vue +++ b/packages/radix-vue/src/Calendar/story/CalendarSelect.story.vue @@ -260,7 +260,7 @@ const value = computed(() => toCalendar(today(getLocalTimeZone()), createCalenda diff --git a/packages/radix-vue/src/Calendar/story/CalendarYearIncrement.story.vue b/packages/radix-vue/src/Calendar/story/CalendarYearIncrement.story.vue index 75b0f2737..5e2a8df7a 100644 --- a/packages/radix-vue/src/Calendar/story/CalendarYearIncrement.story.vue +++ b/packages/radix-vue/src/Calendar/story/CalendarYearIncrement.story.vue @@ -94,7 +94,7 @@ function paging(date: DateValue, sign: -1 | 1) { diff --git a/packages/radix-vue/src/Calendar/story/_DummyCalendar.vue b/packages/radix-vue/src/Calendar/story/_DummyCalendar.vue index 09a7352b5..ef112deec 100644 --- a/packages/radix-vue/src/Calendar/story/_DummyCalendar.vue +++ b/packages/radix-vue/src/Calendar/story/_DummyCalendar.vue @@ -69,7 +69,7 @@ const forwarded = useForwardPropsEmits(props, emits) diff --git a/packages/radix-vue/src/DatePicker/story/DatePickerDefault.story.vue b/packages/radix-vue/src/DatePicker/story/DatePickerDefault.story.vue index 38dd83b97..5fbdfb310 100644 --- a/packages/radix-vue/src/DatePicker/story/DatePickerDefault.story.vue +++ b/packages/radix-vue/src/DatePicker/story/DatePickerDefault.story.vue @@ -129,7 +129,7 @@ import { Label } from '@/Label' diff --git a/packages/radix-vue/src/DatePicker/story/_DummyDatePicker.vue b/packages/radix-vue/src/DatePicker/story/_DummyDatePicker.vue index 3b18c5096..4b23b60ff 100644 --- a/packages/radix-vue/src/DatePicker/story/_DummyDatePicker.vue +++ b/packages/radix-vue/src/DatePicker/story/_DummyDatePicker.vue @@ -126,7 +126,7 @@ const forwarded = useForwardPropsEmits(props, emits) diff --git a/packages/radix-vue/src/DateRangePicker/story/DateRangePickerDefault.story.vue b/packages/radix-vue/src/DateRangePicker/story/DateRangePickerDefault.story.vue index 0007da7e8..eaede5581 100644 --- a/packages/radix-vue/src/DateRangePicker/story/DateRangePickerDefault.story.vue +++ b/packages/radix-vue/src/DateRangePicker/story/DateRangePickerDefault.story.vue @@ -153,7 +153,7 @@ import { Label } from '@/Label' diff --git a/packages/radix-vue/src/DateRangePicker/story/_DummyDateRangePicker.vue b/packages/radix-vue/src/DateRangePicker/story/_DummyDateRangePicker.vue index c6b0d92ed..98bd87b2c 100644 --- a/packages/radix-vue/src/DateRangePicker/story/_DummyDateRangePicker.vue +++ b/packages/radix-vue/src/DateRangePicker/story/_DummyDateRangePicker.vue @@ -149,7 +149,7 @@ const forwarded = useForwardPropsEmits(props, emits) diff --git a/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue b/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue index 1037385a8..8411d823b 100644 --- a/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue +++ b/packages/radix-vue/src/RangeCalendar/RangeCalendarCellTrigger.vue @@ -54,7 +54,7 @@ const isHighlighted = computed(() => rootContext.highlightedRange.value : false) const SELECTOR - = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-month]):not([data-outside-visible-months])' + = '[data-radix-vue-calendar-cell-trigger]:not([data-disabled]):not([data-outside-view]):not([data-outside-visible-view])' const isDateToday = computed(() => { return isToday(props.day, getLocalTimeZone()) @@ -196,7 +196,7 @@ function handleArrowKey(e: KeyboardEvent) { :aria-label="labelText" data-radix-vue-calendar-cell-trigger :aria-selected="isSelectedDate ? true : undefined" - :aria-disabled="isOutsideView || isDisabled || isUnavailable ? true : undefined" + :aria-disabled="isDisabled || isUnavailable ? true : undefined" :data-highlighted="isHighlighted ? '' : undefined" :data-selection-start="isSelectionStart ? true : undefined" :data-selection-end="isSelectionEnd ? true : undefined" @@ -205,10 +205,10 @@ function handleArrowKey(e: KeyboardEvent) { :data-selected="isSelectedDate ? true : undefined" :data-outside-visible-view="isOutsideVisibleView ? '' : undefined" :data-value="day.toString()" - :data-disabled="isDisabled || isOutsideView ? '' : undefined" + :data-disabled="isDisabled ? '' : undefined" :data-unavailable="isUnavailable ? '' : undefined" :data-today="isDateToday ? '' : undefined" - :data-outside-month="isOutsideView ? '' : undefined" + :data-outside-view="isOutsideView ? '' : undefined" :data-focused="isFocusedDate ? '' : undefined" :tabindex="isFocusedDate ? 0 : isOutsideView || isDisabled ? undefined : -1" @click="handleClick" diff --git a/packages/radix-vue/src/RangeCalendar/story/RangeCalendarDefault.story.vue b/packages/radix-vue/src/RangeCalendar/story/RangeCalendarDefault.story.vue index 051f3b12b..16dac46db 100644 --- a/packages/radix-vue/src/RangeCalendar/story/RangeCalendarDefault.story.vue +++ b/packages/radix-vue/src/RangeCalendar/story/RangeCalendarDefault.story.vue @@ -67,7 +67,7 @@ import { RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCa diff --git a/packages/radix-vue/src/RangeCalendar/story/RangeCalendarPopover.story.vue b/packages/radix-vue/src/RangeCalendar/story/RangeCalendarPopover.story.vue index b4e6d174f..f62ae933b 100644 --- a/packages/radix-vue/src/RangeCalendar/story/RangeCalendarPopover.story.vue +++ b/packages/radix-vue/src/RangeCalendar/story/RangeCalendarPopover.story.vue @@ -111,7 +111,7 @@ const formatter = useDateFormatter('en') diff --git a/packages/radix-vue/src/RangeCalendar/story/_DummyRangeCalendar.vue b/packages/radix-vue/src/RangeCalendar/story/_DummyRangeCalendar.vue index 3aa4198c7..a0a5eae58 100644 --- a/packages/radix-vue/src/RangeCalendar/story/_DummyRangeCalendar.vue +++ b/packages/radix-vue/src/RangeCalendar/story/_DummyRangeCalendar.vue @@ -68,7 +68,7 @@ const forwarded = useForwardPropsEmits(props, emits) From 453437b6608048a1b8f77c3727fcdb6c0950a268 Mon Sep 17 00:00:00 2001 From: David Hart Date: Tue, 4 Feb 2025 04:03:56 +0100 Subject: [PATCH 07/11] fix(PinInput): error throw from resetPlaceholder's nextTick if component not in the DOM anymore (#1606) --- packages/radix-vue/src/PinInput/PinInputInput.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/radix-vue/src/PinInput/PinInputInput.vue b/packages/radix-vue/src/PinInput/PinInputInput.vue index 6477998a1..9d0f2841f 100644 --- a/packages/radix-vue/src/PinInput/PinInputInput.vue +++ b/packages/radix-vue/src/PinInput/PinInputInput.vue @@ -52,7 +52,7 @@ function handleInput(event: InputEvent) { function resetPlaceholder() { const target = currentElement.value as HTMLInputElement nextTick(() => { - if (!target.value) + if (target && !target.value) target.placeholder = context.placeholder.value }) } From 293798add54446eb7d98a23d8a9a067a84a1fc12 Mon Sep 17 00:00:00 2001 From: Eduard Predescu Date: Tue, 4 Feb 2025 06:13:25 +0200 Subject: [PATCH 08/11] fix(DatePicker): set placeholder based on modelValue (#1604) --- .../radix-vue/src/DateField/DateFieldRoot.vue | 5 +++-- .../radix-vue/src/DatePicker/DatePickerField.vue | 6 +++--- .../radix-vue/src/DatePicker/DatePickerRoot.vue | 16 +++++++++++----- .../DatePicker/story/DatePickerDefault.story.vue | 1 - .../src/DateRangeField/DateRangeFieldRoot.vue | 4 ++-- .../src/DateRangePicker/DateRangePickerRoot.vue | 8 +++++++- 6 files changed, 26 insertions(+), 14 deletions(-) diff --git a/packages/radix-vue/src/DateField/DateFieldRoot.vue b/packages/radix-vue/src/DateField/DateFieldRoot.vue index 69e535539..065680f53 100644 --- a/packages/radix-vue/src/DateField/DateFieldRoot.vue +++ b/packages/radix-vue/src/DateField/DateFieldRoot.vue @@ -1,5 +1,5 @@ @@ -30,11 +30,11 @@ const rootContext = injectDatePickerRootContext() dir: rootContext.dir.value, }" @update:model-value="(date: DateValue | undefined) => { - if (date && rootContext.modelValue.value && isEqualDay(rootContext.modelValue.value, date) && date.compare(rootContext.modelValue.value) === 0) return + if (date && rootContext.modelValue.value && date.compare(rootContext.modelValue.value) === 0) return rootContext.onDateChange(date) }" @update:placeholder="(date: DateValue) => { - if (isEqualDay(rootContext.placeholder.value, date) && date.compare(rootContext.placeholder.value) === 0) return + if (date.compare(rootContext.placeholder.value) === 0) return rootContext.onPlaceholderChange(date) }" > diff --git a/packages/radix-vue/src/DatePicker/DatePickerRoot.vue b/packages/radix-vue/src/DatePicker/DatePickerRoot.vue index 7df65e6f6..2d01c4636 100644 --- a/packages/radix-vue/src/DatePicker/DatePickerRoot.vue +++ b/packages/radix-vue/src/DatePicker/DatePickerRoot.vue @@ -1,7 +1,8 @@