fix: export DateRangePickerValue

einride · Jun 20, 2023 · 337404e · 337404e
1 parent b1f8f3f
commit 337404e
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/.changeset/cold-trains-sell.md b/.changeset/cold-trains-sell.md
@@ -0,0 +1,5 @@
+---
+"@einride/ui-dates": patch
+---
+
+Export DateRangePickerValue type.
diff --git a/packages/einride-ui-dates/src/components/DateRangePicker/DateRangePicker.tsx b/packages/einride-ui-dates/src/components/DateRangePicker/DateRangePicker.tsx
@@ -17,10 +17,10 @@ export interface DateRangePicker {
   maxDate?: Date
 
   /** Called when date changes. */
-  onChange?: (value: RangeCalendarValue) => void
+  onChange?: (value: DateRangePickerValue) => void
 
   /** Selected date, required with controlled input. */
-  value?: RangeCalendarValue
+  value?: DateRangePickerValue
 
   /** Props passed to root element. */
   wrapperProps?: ComponentPropsWithoutRef<typeof Box>
@@ -42,7 +42,7 @@ export const DateRangePicker = ({ wrapperProps, ...props }: DateRangePicker): Re
   )
 }
 
-type RangeCalendarValue = [Date | null, Date | null]
+export type DateRangePickerValue = [Date | null, Date | null]
 
 const StyledDatePicker = styled(DatePicker)`
   &.mantine-DatePicker-calendar {

diff --git a/...ges/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.stories.tsx b/...ges/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.stories.tsx
@@ -4,7 +4,8 @@ import { userEvent, within } from "@storybook/testing-library"
 import { DateTime } from "luxon"
 import { ComponentProps, useState } from "react"
 import { SnapshotWrapper } from "../../lib/storybook/SnapshotWrapper"
-import { DateRangePickerInput, DateRangePickerValue } from "./DateRangePickerInput"
+import { DateRangePickerValue } from "../DateRangePicker/DateRangePicker"
+import { DateRangePickerInput } from "./DateRangePickerInput"
 
 const meta = {
   component: DateRangePickerInput,

diff --git a/packages/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.tsx b/packages/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.tsx
@@ -104,7 +104,7 @@ const getMessageColor = (status: Status | undefined): ContentColor => {
   }
 }
 
-export type DateRangePickerValue = [Date | null, Date | null]
+type DateRangePickerValue = [Date | null, Date | null]
 
 interface StyledDateRangePickerProps {
   /** Whether to allow clearing value or not. Default is `false`. */

diff --git a/packages/einride-ui-dates/src/index.ts b/packages/einride-ui-dates/src/index.ts
@@ -1,4 +1,7 @@
 export { DatePicker } from "./components/DatePicker/DatePicker"
 export { DatePickerInput } from "./components/DatePickerInput/DatePickerInput"
-export { DateRangePicker } from "./components/DateRangePicker/DateRangePicker"
+export {
+  DateRangePicker,
+  type DateRangePickerValue,
+} from "./components/DateRangePicker/DateRangePicker"
 export { DateRangePickerInput } from "./components/DateRangePickerInput/DateRangePickerInput"