# j-InlineDatePicker

> j-InlineDatePicker options: required, firstday, today, days, months, badges, append

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: en
Content-SHA256: 7a7b71b93643565d92642bdca99aa7c34c2f6a2e0266d76b131bc2d3ef3815f8
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

__Configuration__:

- `required {Boolean}` required (default: `false`)
- `firstday {Number}` first day in the week (default: `DEF.firstdayofweek`)
- `today {String}` a label for `Set today` button
- `days {String}` days e.g. `SU,MO,TU,WE,TH,FR,SA` (default).
- `months {String}` months e.g. `January,February,...` (default).
- `badges {String}` a link to the `function(date, append)`
	- `append([date1, date2, date3])` (must be array of dates)

Use it with `<ui-component name="inlinedatepicker">`. When the component is not loaded yet, jComponent downloads it on first use from the address in `DEF.fallback` (the Componentator CDN by default). Author: Peter Širka. Source: the Componentator components repository, MIT license.

```html example.html
<ui-component name="inlinedatepicker" path="form.date" config="today:Set today;firstday:0"></ui-component>
<br />
<ui-component name="inlinedatepicker" path="form.date" config="today:Set today;firstday:0"></ui-component>

<script>
	var form = {};
	form.date = new Date();
</script>
```