<script lang="ts">
	import { DatePicker } from 'stwui';

	const date2Max = new Date(2022, 7, 30);
	const date2Min = new Date(2022, 7, 3);

	const calendar = "svg-path";
	const phone = "svg-path";
</script>

<DatePicker name="date-1" placeholder="Basic" />

<DatePicker name="date-2" label="Date" max={date2Max} min={date2Min}>
	<DatePicker.Label slot="label">Date</DatePicker.Label>
	<DatePicker.Trailing slot="trailing" data={calendar} />
</DatePicker>

<DatePicker name="date-3" min={date2Min} error="Your doing it wrong">
	<DatePicker.Label slot="label">Date</DatePicker.Label>
	<DatePicker.Leading slot="leading" data={phone} />
</DatePicker>