> 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 uses [popperjs](https://popper.js.org/) for its positioning. Date picker has a datefomat that will be displayed inside input. The detail of supported and frequently used date format are on the section below.

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