# Date picker
Fechas con Bananin

# Install

In head tag

```HTML
<script src="https://unpkg.com/@bananin/bdates@latest/js/b-date.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://unpkg.com/@bananin/bdates@latest/css/b-date.css" />
```


# Setting

Inside Html body:

```HTML
<!-- html -->
<div class="my-5" id="app">
    <b-date ref="date" id="fecha" name="fecha" modava="success" value="2022-05-31 15:46:00" min="2020" max="2023" :hym="true"></b-date>
</div>
```

Javascript code:

```JavaScript
//Javascript
const app = Vue.createApp({
    components: {
        "b-date": bDate
    }
}).mount("#app");
```

#Options:

- **id:** generated input id
- **name:** generated input name
- **modava:** modal variant
- **min:** minimum year
- **max:** maximum year
- **onc:** close when selecting a date
- **hym:** include hour and minute
- **mfp:** select multiple dates
- **required:** Obligatory field
- **disabled:** non-editable field
- **value:** initial value

Ejemplo en [Fechas con Bananin](https://bananin.pw/cajita/dates)

## License
[MIT](https://choosealicense.com/licenses/mit/)

## Sponsor 
[With your help I can continue paying the server <3](https://ko-fi.com/bananin)