# Install

```shell
npm i @mate-react/custom-field
```

# Import

```tsx
import { MateCustomField } from '@mate-react/custom-field';
import { MateDatePicker } from '@mate-react/date-picker';
```

# Variants

## Date Range Selector

```tsx
<MateCustomField theme="range-selector" label="Date range">
  <MateDatePicker label="From" />
  <MateDatePicker label="To" />
</MateCustomField>