DatePicker

import { DatePicker } from "@grassroot/ui-react";
 
const [date, setDate] = React.useState<Date>(new Date(2026, 5, 21));
 
<DatePicker label="Kickoff date" value={date} onChange={setDate} />

<script setup lang="ts">
import { ref } from "vue";
import { DatePicker } from "@grassroot/ui-vue";
 
const date = ref(new Date(2026, 5, 21));
</script>
 
<template>
  <DatePicker v-model="date" label="Kickoff date" @change="date = $event" />
</template>

<script lang="ts">
  import { DatePicker } from "@grassroot/ui-svelte";
 
  let date = $state(new Date(2026, 5, 21));
</script>
 
<DatePicker label="Kickoff date" value={date} onChange={(next) => (date = next)} />

import { createSignal } from "solid-js";
import { DatePicker } from "@grassroot/ui-solid";
 
export function Example() {
  const [date, setDate] = createSignal(new Date(2026, 5, 21));
 
  return (
    <>
      <DatePicker label="Kickoff date" value={date()} onChange={setDate} />
    </>
  );
}