{"id":584,"date":"2018-10-01T14:06:12","date_gmt":"2018-10-01T18:06:12","guid":{"rendered":"http:\/\/salzlechner.com\/dev\/?p=584"},"modified":"2018-10-01T14:06:12","modified_gmt":"2018-10-01T18:06:12","slug":"webapp-custom-controls-calendar","status":"publish","type":"post","link":"http:\/\/salzlechner.com\/dev\/2018\/10\/01\/webapp-custom-controls-calendar\/","title":{"rendered":"WebApp Custom Controls &#8211; Calendar"},"content":{"rendered":"<p>The calendar control can be used as a stand alone calendar control but it also used as a DatePicker<\/p>\n<p>It supports 3 different modes<\/p>\n<ul>\n<li>month<\/li>\n<li>year<\/li>\n<li>years<\/li>\n<\/ul>\n<h2>Month Mode<\/h2>\n<p>In month mode the calendar shows all the days of a month. The user can switch months and years and can select one or multiple days depending on selection mode<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-585\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendarmonth.png\" alt=\"\" width=\"213\" height=\"178\" srcset=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendarmonth.png 417w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendarmonth-300x250.png 300w\" sizes=\"(max-width: 213px) 100vw, 213px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Year Mode<\/h2>\n<p>in year mode the calendar shows the months for a given year. The end user can switch years and select one or multiple months<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-586\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryear.png\" alt=\"\" width=\"191\" height=\"171\" srcset=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryear.png 358w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryear-300x269.png 300w\" sizes=\"(max-width: 191px) 100vw, 191px\" \/><\/p>\n<h2>Years Mode<\/h2>\n<p>in years mode the calendar shows a list of years and the user can select one or multiple years<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-587\" src=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryears.png\" alt=\"\" width=\"190\" height=\"167\" srcset=\"http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryears.png 360w, http:\/\/salzlechner.com\/dev\/wp-content\/uploads\/sites\/2\/2018\/10\/webappcalendaryears-300x264.png 300w\" sizes=\"(max-width: 190px) 100vw, 190px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The calendar control can be used as a stand alone calendar control but it also used as a DatePicker It supports 3 different modes month year years Month Mode In month mode the calendar shows all the days of a month. The user can switch months and years and can select one or multiple days [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[6,27],"tags":[],"class_list":["post-584","post","type-post","status-publish","format-standard","hentry","category-dataflex","category-dataflex-webapp"],"_links":{"self":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/584","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/comments?post=584"}],"version-history":[{"count":1,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/584\/revisions"}],"predecessor-version":[{"id":588,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/posts\/584\/revisions\/588"}],"wp:attachment":[{"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/media?parent=584"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/categories?post=584"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/salzlechner.com\/dev\/wp-json\/wp\/v2\/tags?post=584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}