Merge pull request #1212 from PrefectHQ/update-date-fns

Update date-fns and fix broken imports

package.json

@@ -70,7 +70,7 @@
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/typography": "^0.5.2",
     "@types/lodash.debounce": "4.0.9",
-    "date-fns": "2.30.0",
+    "date-fns": "3.6.0",
     "dompurify": "3.1.0",
     "highlight.js": "11.9.0",
     "lodash.debounce": "4.0.8",

src/components/DateRangeSelect/PDateRangeSelect.vue

@@ -42,7 +42,8 @@
 
 <script lang="ts" setup>
   import { useElementRect, useKeyDown } from '@prefecthq/vue-compositions'
-  import { addDays, addSeconds, isAfter, isBefore, secondsInDay } from 'date-fns'
+  import { addDays, addSeconds, isAfter, isBefore } from 'date-fns'
+  import { secondsInDay } from 'date-fns/constants'
   import { computed, ref, watch } from 'vue'
   import PButton from '@/components/Button/PButton.vue'
   import PDateRangeSelectAround from '@/components/DateRangeSelect/PDateRangeSelectAround.vue'

src/components/DateRangeSelect/PDateRangeSelectOptions.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { secondsInDay, secondsInHour, secondsInWeek } from 'date-fns'
+  import { secondsInDay, secondsInHour, secondsInWeek } from 'date-fns/constants'
   import { computed } from 'vue'
   import { DateRangeSelectMode } from '@/components/DateRangeSelect/PDateRangeSelect.vue'
   import PSelectOptions from '@/components/Select/PSelectOptions.vue'

src/components/DateRangeSelect/PDateRangeSelectRelative.vue

@@ -15,7 +15,8 @@
 </template>
 
 <script lang="ts" setup>
-  import { secondsInMinute, secondsInHour, secondsInDay, secondsInWeek, secondsInMonth, addSeconds, isBefore, isAfter } from 'date-fns'
+  import { addSeconds, isBefore, isAfter } from 'date-fns'
+  import { secondsInMinute, secondsInHour, secondsInDay, secondsInWeek, secondsInMonth } from 'date-fns/constants'
   import { computed, onMounted, ref } from 'vue'
   import PSelectOptions from '@/components/Select/PSelectOptions.vue'
   import PTextInput from '@/components/TextInput/PTextInput.vue'

src/utilities/dateRangeSelect.ts

@@ -1,4 +1,5 @@
-import { addSeconds, differenceInSeconds, endOfToday, endOfWeek, secondsInDay, secondsInHour, secondsInMinute, startOfToday, startOfWeek, subSeconds } from 'date-fns'
+import { addSeconds, differenceInSeconds, endOfToday, startOfToday, subSeconds } from 'date-fns'
+import { secondsInDay, secondsInHour, secondsInMinute } from 'date-fns/constants'
 import { DateRangeSelectAroundUnit, DateRangeSelectAroundValue, DateRangeSelectPeriodValue, DateRangeSelectRangeValue, DateRangeSelectSpanValue, DateRangeSelectValue } from '@/types/dateRange'
 
 function nowWithoutMilliseconds(): Date {