> Source: https://laravilt.com/docs/forms/datetime/date-time-picker

# DateTimePicker

Combined date and time selection.

## Basic Usage

```php
<?php

use Laravilt\Forms\Components\DateTimePicker;

DateTimePicker::make('scheduled_at')
    ->label('Schedule Date & Time');
```

## Time Steps

```php
<?php

use Laravilt\Forms\Components\DateTimePicker;

DateTimePicker::make('meeting_time')
    ->minutesStep(15);
```

## Date and Time Formats

```php
<?php

use Laravilt\Forms\Components\DateTimePicker;

DateTimePicker::make('event_start')
    ->format('Y-m-d H:i:s')
    ->displayFormat('M j, Y g:i A');
```

## Vue Component

Uses v-calendar with time:

```vue
<script setup>
import { DatePicker } from 'v-calendar'
// mode="dateTime" enables time selection
</script>
```

## API Reference

| Method | Description |
|--------|-------------|
| `minutesStep()` | Set minute intervals |
| `seconds()` | Show/hide seconds |
| `format()` | Set storage format |
| `displayFormat()` | Set display format |
| `minDate()` | Set minimum date |
| `maxDate()` | Set maximum date |