DateRangePicker

import { DateRangePicker } from "@grassroot/ui-react/advanced";
 
const defaultValue = { start: new Date(2026, 5, 8), end: new Date(2026, 5, 21) };
 
<DateRangePicker today={new Date(2026, 5, 21)} defaultValue={defaultValue} />

<script setup lang="ts">
import { DateRangePicker } from "@grassroot/ui-vue";
 
const defaultValue = { start: new Date(2026, 5, 8), end: new Date(2026, 5, 21) };
</script>
 
<template>
  <DateRangePicker
    :today="new Date(2026, 5, 21)"
    :default-value="defaultValue"
  />
</template>

<script lang="ts">
  import { DateRangePicker } from "@grassroot/ui-svelte";
 
  const defaultValue = { start: new Date(2026, 5, 8), end: new Date(2026, 5, 21) };
</script>
 
<DateRangePicker today={new Date(2026, 5, 21)} defaultValue={defaultValue} />

import { DateRangePicker } from "@grassroot/ui-solid";
 
const defaultValue = { start: new Date(2026, 5, 8), end: new Date(2026, 5, 21) };
 
export function Example() {
  return (
    <>
      <DateRangePicker today={new Date(2026, 5, 21)} defaultValue={defaultValue} />
    </>
  );
}