> Available since version: `1.0.0`

> Styling from Mekari UI Toolkit that must be used on this component are (or with its `.scss`):
> - `./css/components/reboot-bootstrap`
> - `./css/components/mekari-ui-form`
> - `./css/components/mekari-ui-date-picker`

Date picker ranged is based on regular Date picker component. However, this date picker ranged component can have select two date simultaniously. The usage is basically the same. To use this component, you can import the component like this:

```js
import { MDatePickerRanged } from from `@mekari/mekari-ui-vue`;
```