How do I pass min and max value for DatePicker?

[Spaxterr]

Say I have a basic custom DatePicker component as follows

<script lang="ts">
import { DatePicker } from 'bits-ui';

export let value;
export let min;
export let max;
</script>

<DatePicker.Root bind:value={value} minValue={min} maxValue={max}>
...

What should I type these props as? I've tried type { DateValue } from '@internationalized/date'; however this seems like more of an internal type and not meant to be used in components. Is there a way to simply pass the values as date strings like 2024-03-18?

[Spaxterr]

I ended up solving it using parseDate from @internationalized/date, but I'm open to suggestions if there are other recommended methods

<script lang="ts">
import { DatePicker } from 'bits-ui';
import { type CalendarDate, parseDate } from '@internationalized/date';

export let value: string | undefined = undefined;
export let min: string | undefined = undefined;
export let max: string | undefined = undefined;

let minDate: CalendarDate | undefined = undefined;
let maxDate: CalendarDate | undefined = undefined;
let dateValue: CalendarDate | undefined = value ? parseDate(value) : undefined;

$: if (min) minDate = parseDate(min);
$: if (max) maxDate = parseDate(max);
</script>

<DatePicker.Root bind:value={dateValue} minValue={minDate} maxValue={maxDate}>