<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Maxim Sokhatsky" />
<title>CALENDAR</title>
<link rel="stylesheet" href="https://n2o.dev/blank.css" />
<link rel="stylesheet" href="https://n2o.dev/zima.css" />
</head>
<body>
<nav>
<a href="https://n2o.dev">DEV</a>
<a href="https://nitro.n2o.dev">NX</a>
<a href="#" style="background:#ededed;">CALENDAR</a>
<div class="dropdown">
<a onclick="drop()" class="dropbtn">EN</a>
<div id="dropdown" class="dropdown-content">
<a href="https://n2o.dev/deps/nitro/man/ua/nx_calendar.htm">UA</a>
<a href="#">EN</a>
</div>
</div>
</nav>
<header>
<a href="../index.html"><img src="https://openmoji.org/data/color/svg/1F525.svg" /></a>
<h1>CALENDAR</h1>
</header>
<main>
<section>
<h3>INTRO</h3>
<p>The CALENDAR module provides a refreshing zero-dependency
JavaScript datepicker <a href="https://github.com/Pikaday/Pikaday">Pikaday</a>.</p>
</section>
<section>
<h3>ERLANG</h3>
<figure><code>
-record(calendar, { ?nx_BASE(nx_calendar2),
autocomplete=true,
autofocus=false,
disabled=false,
form=[],
list=[],
maxDate={2019,2,2},
minDate,
format="YYYY-MM-DD",
pattern=[],
name=[],
step=[],
readonly=[],
required=[],
value={2020,2,2},
placeholder=[],
onSelect=[],
disableDayFn=[],
position=[],
reposition=[],
yearRange=100}).
</code></figure>
</section>
<section>
<h3>HTML5</h3>
<figure><code>
> :erlang.iolist_to_binary(:nitro.render(NITRO.calendar(id: :cal)))
"<input type=\"calendar\"/>"
> :erlang.iolist_to_binary(:nitro.render(:nitro.actions))
"pickers['cal'] = new Pikaday({
field: document.getElementById(''),
firstDay: 0,
i18n: clLangs.ua,
defaultDate: new Date(2019, 10, 7),
setDefaultDate: false,
minDate: null,
maxDate: new Date(2020,10,10),
format: 'YYYY-MM-DD',
onSelect: null,
disableDayFn: null,
position: 'bottom left',
reposition: true,
yearRange: 100});
</code></figure>
</section>
<section>
<h3>UI</h3>
<figure><img src="img/calendar.png" width="320"/></figure>
</section>
<section>
<p>This module may refer to: <b>nitro</b>.</p>
</section>
</main>
<footer>2005—2019 © Synrc Research Center</footer>
<script>function drop(){document.getElementById("dropdown").classList.toggle("show");}</script>
</body></html>