refactor: replace uid with menu-id, update index exports with TZDate

Author: Jasenkoo

src/VueDatePicker/components/DatepickerMenu.vue

@@ -1,6 +1,6 @@
 <template>
     <div
-        :id="rootProps.uid ? `dp-menu-${rootProps.uid}` : undefined"
+        :id="rootProps.menuId"
         ref="dp-menu"
         :tabindex="inline.enabled ? undefined : '0'"
         :role="inline.enabled ? undefined : 'dialog'"
@@ -65,7 +65,7 @@
                     </template>
                 </template>
             </div>
-            <div class="dp__instance_calendar" role="document">
+            <div class="dp__instance_calendar">
                 <component
                     :is="displayComponent"
                     ref="dyn-cmp"

src/VueDatePicker/composables/useUtilsWithContext.ts

@@ -23,7 +23,7 @@ export const useUtilsWithContext = () => {
     };
 
     const isOutOfYearRange = (year: number) => {
-        return year < +rootProps.yearRange[0]! || year > +rootProps.yearRange[1]!;
+        return year < +rootProps.yearRange[0] || year > +rootProps.yearRange[1];
     };
 
     return {

src/VueDatePicker/types/props.ts

@@ -72,7 +72,7 @@ export interface RootProps {
     placeholder?: string;
     timePicker?: boolean;
     range?: boolean | Partial<RangeConfig>;
-    uid?: string; // todo
+    menuId?: string;
     disabled?: boolean;
     readonly?: boolean;
     inline?: boolean | { input?: boolean };

src/index.ts

@@ -1,3 +1,2 @@
-import VueDatePickerRoot from './VueDatePicker/VueDatePickerRoot.vue';
-
-export { VueDatePickerRoot as VueDatePicker };
+export { default as VueDatePicker } from './VueDatePicker/VueDatePickerRoot.vue';
+export { TZDate } from '@date-fns/tz';