{"id":1478,"date":"2010-02-15T03:45:57","date_gmt":"2010-02-15T09:45:57","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/docs\/?page_id=1478"},"modified":"2024-12-31T09:19:14","modified_gmt":"2024-12-31T15:19:14","slug":"create-calendar-helper-in-m-painter","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/docs\/knowledge-base\/create-calendar-helper-in-m-painter","title":{"rendered":"Create Calendar Pickers in m-Painter"},"content":{"rendered":"\n

Click here <\/a>to view the legacy documentation for this feature.<\/p>\n\n\n\n

The calendar picker\/helper is an m-Painter feature that assists with date and datetime fields. The purpose of the calendar picker is to allow your end-users to quickly and easily pick dates in the correct format.<\/p>\n\n\n\n

m-Power will automatically insert calendar pickers on fields that are date or datetime in your table when a new application is made. However if necessary, a calendar picker may be inserted and edited after an application is created via the m-Painter editor.<\/p>\n\n\n\n

Adding a Calendar Picker<\/h3>\n\n\n\n

To add a date picker, open m-Painter and select the input field you would like to now utilize the picker.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Next, in the element window, select “Calendar Picker.”<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Calendar Configuration<\/h3>\n\n\n\n

You will now be presented with configuration options for your Calendar Picker.<\/p>\n\n\n\n

\"\"\/\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n
    \n
  • Select a date format<\/em> – Use to select the format that matches your date’s format in the database.<\/li>\n\n\n\n
  • Selected format<\/em> – the format that is utilized by your calendar picker will be shown here. This format must always match the date or datetime format that was selected for your field in Field Settings.<\/li>\n\n\n\n
  • Max Days in the past\/future<\/em> — Adding a number to either of these boxes will set a minimum\/maximum date based on the number of days from today. For instance if you put “30” in each box, your user could only user the date picker to select a day within the window of 30 days ago through 30 days in the future.<\/li>\n\n\n\n
  • Show Month\/Year Pickers? <\/em>— This feature, when checked, allows the user to quickly switch to a different month or year, rather than paging through each month.<\/li>\n\n\n\n
  • Remove Calendar Picker<\/em> — Removes the calendar picker element from the input and reverts the input to a basic input.<\/li>\n\n\n\n
  • Close<\/em> — Closes the window without saving any changes.<\/li>\n\n\n\n
  • Save<\/em> — Saves your calendar picker configuration.<\/li>\n<\/ul>\n\n\n\n

    Once you have made all the changes you would like, please click the blue “Save” button. Run your application.<\/p>\n\n\n\n

    Runtime Examples<\/h3>\n\n\n\n

    Date only<\/h4>\n\n\n\n
    \"\"\/\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    Date and Time<\/h4>\n\n\n\n
    \"\"\/\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    Important<\/strong>: The time option will only show with the date on inputs that have a class of date-time-input<\/code>. New applications will generate this class on any datetime fields, however existing applications may need this added in manually via m-Painter.<\/p>\n\n\n\n

    \"\"\/\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    The calendar picker\/helper is an m-Painter feature that assists with date and datetime fields. The purpose of the calendar picker is to allow your end-users to quickly and easily pick dates in the correct format. m-Power will automatically insert calendar pickers on fields that are date or datetime in your…<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[255],"ht-kb-tag":[],"class_list":["post-1478","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-mpainter"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/comments?post=1478"}],"version-history":[{"count":19,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1478\/revisions"}],"predecessor-version":[{"id":14429,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1478\/revisions\/14429"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=1478"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1478"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}