### Install Shadcn Dependencies

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Installs necessary Shadcn UI components like Button, Dropdown-Menu, Input, Label, Popover, Select, and Scroll-Area using the Shadcn CLI.

```bash
npx shadcn@latest add button dropdown-menu input label popover select scroll-area
```

--------------------------------

### Install react-day-picker

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Installs the react-day-picker library, a dependency for the Shadcn Datetime Picker, specifying version 9.

```bash
yarn add react-day-picker@^9
```

--------------------------------

### Simple DateTime Picker Usage

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Demonstrates the basic usage of the DateTimePicker component in a React application. It initializes a state variable for the date and passes it to the DateTimePicker, updating the state on change.

```tsx
import { DateTimePicker } from '@/components/datetime-picker';

export default function Home() {
  const [date, setDate] = useState<Date | undefined>(undefined);
  return <DateTimePicker value={date} onChange={setDate} />;
}
```

--------------------------------

### DateTime Picker with Min and Max Date

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Demonstrates setting minimum and maximum selectable dates for the DateTimePicker. It uses 'useMemo' to define the min and max dates based on the current date and time.

```tsx
import { DateTimePicker } from '@/components/datetime-picker';

export default function Home() {
  const [date, setDate] = useState<Date | undefined>(undefined);
  const minDate = useMemo(() => subHours(new Date(), 2), []);
  const maxDate = useMemo(() => addMonths(new Date(), 2), []);
  return <DateTimePicker value={date} onChange={setDate} min={minDate} max={maxDate} />;
}
```

--------------------------------

### Custom Trigger for DateTime Picker

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Illustrates how to customize the trigger element for the DateTimePicker. The 'renderTrigger' prop accepts a function that returns a React node, allowing for custom display of the selected date and timezone.

```tsx
import { DateTimePicker } from '@/components/datetime-picker';

export default function Home() {
  const [date, setDate] = useState<Date | undefined>(undefined);
  return (
    <DateTimePicker
      value={date}
      onChange={setDate}
      renderTrigger={(value, timezone) => <Button>{value?.toLocaleString()}</Button>}
    />
  );
}
```

--------------------------------

### DateTime Picker with Timezone

Source: https://github.com/huybuidac/shadcn-datetime-picker/blob/main/README.md

Shows how to use the DateTimePicker component with timezone support. The 'timezone' prop is set to 'UTC' to specify the desired timezone for date and time selection.

```tsx
import { DateTimePicker } from '@/components/datetime-picker';

export default function Home() {
  const [date, setDate] = useState<Date | undefined>(undefined);
  return <DateTimePicker value={date} onChange={setDate} timezone="UTC" />;
}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.