@mekari/mekari-ui-vue/src/components/DatePicker/stories/content/DatePickerIntroduction.mdx

--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import

> 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`;
```