{"id":1063,"date":"2024-01-28T09:41:36","date_gmt":"2024-01-28T07:41:36","guid":{"rendered":"https:\/\/wellnessunityhub.com\/documentation\/?p=1063"},"modified":"2024-01-28T09:41:48","modified_gmt":"2024-01-28T07:41:48","slug":"admin-dashboard-calendar-view","status":"publish","type":"post","link":"https:\/\/wellnessunityhub.com\/documentation\/2024\/01\/28\/admin-dashboard-calendar-view\/","title":{"rendered":"Admin Dashboard &#8211; Calendar View"},"content":{"rendered":"\n<p class=\"gutenify-section-7a58d580-bdb0-11ee-bb8f-b50acc28cb83\">The \u201cCalendar\u201d page is a user-friendly scheduler, it shows a reservation calendar with all scheduled appointments and events organized by employees, services, and locations. You can quickly find relevant data by using services, locations, and employee filters.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized gutenify-section-7a5a8330-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Calendar-page.png\" alt=\"Calendar page \" style=\"width:1114px;height:auto\" title=\"Calendar page Amelia WordPress Booking Plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5ad150-bdb0-11ee-bb8f-b50acc28cb83\">There are five&nbsp;<strong>available calendar views<\/strong>: \u201cMonth\u201d, \u201cWeek\u201d, \u201cDay\u201d, \u201cList\u201d, and \u201cTimeline\u201d. \u201cWeek\u201d is the&nbsp;<strong>default calendar view<\/strong>. It displays seven columns, each representing a day of the current week.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter gutenify-section-7a5b1f70-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Screen-Shot-2019-06-13-at-19.04.07.png\" alt=\"Calendar views \" title=\"Calendar views Amelia WordPress Booking Plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5b6d90-bdb0-11ee-bb8f-b50acc28cb83\">You can&nbsp;<strong>navigate through the&nbsp;<\/strong><strong>calendar booking system<\/strong>&nbsp;by clicking on the arrows in the top left corner of the calendar. By clicking on arrows, you can move one step forward or one step back (by a month or week for example). If the calendar is in the \u201cMonth\u201d view, it will move the calendar forward\/back one month. If the calendar is in \u201cWeek\u201d or \u201cList\u201d, it will move the calendar forward\/back one week and lastly, if the calendar is in \u201cDay\u201d or \u201cTimeline\u201d, it will move the calendar forward\/back one day.<\/p>\n\n\n\n<p class=\"gutenify-section-7a5b94a0-bdb0-11ee-bb8f-b50acc28cb83\">Between navigation arrows, you can click on the \u201cToday\u201d button to&nbsp;<strong>move the calendar to the current date<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter gutenify-section-7a5be2c0-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Screen-Shot-2019-06-13-at-19.04.18.png\" alt=\"Calendar Today \" title=\"Calendar Today Amelia WordPress Booking Plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5c30e0-bdb0-11ee-bb8f-b50acc28cb83\">You can also&nbsp;<strong>move the calendar to an arbitrary date<\/strong>&nbsp;by selecting a single date in the date picker that can be opened by clicking on the arrow that is displayed next to the header\u2019s title.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter gutenify-section-7a5c7f00-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Screen-Shot-2019-06-13-at-19.06.26.png\" alt=\"Calendar Datepicker \" title=\"Calendar Datepicker Amelia WordPress Booking plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5ccd20-bdb0-11ee-bb8f-b50acc28cb83\"><strong>Date &amp; Time formats<\/strong>&nbsp;in the calendar booking system will be used from&nbsp;<a href=\"https:\/\/wpamelia.com\/wordpress-date-time-settings\/\">\u201cWordPress Date\/Time Settings\u201d<\/a>&nbsp;and the&nbsp;<strong>frequency for displaying time slots (calendar grid)<\/strong>&nbsp;on \u201cWeek\u201d, \u201cDay\u201d and \u201cTimeline\u201d calendar views will be used from&nbsp;<a href=\"https:\/\/wpamelia.com\/general-settings\/#default-time-slot-step\">\u201cDefault Time Slot Step\u201d<\/a>&nbsp;setting.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized gutenify-section-7a5d1b40-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Empty-calendar.png\" alt=\"Day Calendar \" style=\"width:1177px;height:auto\" title=\"Day Calendar Amelia WordPress booking plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5d6960-bdb0-11ee-bb8f-b50acc28cb83\">\u201cDay\u201d and \u201cTimeline\u201d view display&nbsp;<strong>employees as columns or rows<\/strong>. For the \u201cDay\u201d view employees are rendered in the headings.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized gutenify-section-7a5db780-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Week-Calendar-Amelia-WordPress-Booking-plugin.png\" alt=\"Week Calendar\" style=\"width:1074px;height:auto\" title=\"Week Calendar Amelia WordPress Booking plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5e05a0-bdb0-11ee-bb8f-b50acc28cb83\">\u201cTimeline\u201d view provides a view with a horizontal time-axis and with employees as rows. In these two views, if an employee doesn\u2019t have an appointment for the selected date, it will not be displayed in the column or the row. Employees\u2019 breaks will be displayed in gray for these two views.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized gutenify-section-7a5e2cb0-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Timeline-Calendar-Amelia-WordPress-Booking-plugin.png\" alt=\"Timeline Calendar\" style=\"width:1107px;height:auto\" title=\"Timeline Calendar Amelia WordPress Booking plugin\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a5e7ad0-bdb0-11ee-bb8f-b50acc28cb83\">All&nbsp;<strong>blocks on the calendar<\/strong>&nbsp;are used to&nbsp;<strong>store information about appointments and events<\/strong>. Each appointment in the Calendar stores all information about your appointment or event. These blocks are used to provide information like the start and end time of an appointment, an employee assigned to it, location, service, customer(s), and status. Appointments are&nbsp;<strong>colored by the service color<\/strong>. Appointments that don\u2019t take up excessive space will not show all the information about the appointments, but you can see the information by hovering over it. As for the events, they are colored in the color that you have set in \u201cthe Customize\u201d tab for each event and marked with a small icon so you can easily differentiate them from the appointments.<\/p>\n\n\n\n<figure class=\"wp-block-image gutenify-section-7a5ec8f0-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2019\/06\/Screen-Shot-2019-06-14-at-15.52.56.png\" alt=\"Appointment on Calendar Amelia WordPress Booking plugin\" title=\"Appointment on Calendar Amelia WordPress Booking plugin\"\/><\/figure>\n\n\n\n<p class=\"gutenify-section-7a5f8c40-bdb0-11ee-bb8f-b50acc28cb83\">Future appointments&nbsp;<strong>can be rescheduled by dragging<\/strong>&nbsp;the block in the calendar. Upon dragging, you will be asked to confirm the change of the appointment\u2019s start time. It is not possible to drag appointments into the past, outside of an employee\u2019s working hours or during an employee\u2019s breaks. You can also&nbsp;<strong>click on the appointment<\/strong>&nbsp;that is in the future&nbsp;<strong>to edit the information<\/strong>&nbsp;from the appointment\u2019s modal.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter gutenify-section-7a5fda60-bdb0-11ee-bb8f-b50acc28cb83\"><img decoding=\"async\" src=\"https:\/\/wpamelia.com\/wp-content\/uploads\/2018\/06\/Selection_085.png\" alt=\"Calendar Reschedule Appointment\" title=\"Amelia WordPress - Calendar Reschedule Appointment\"\/><\/figure><\/div>\n\n\n<p class=\"gutenify-section-7a60c4c0-bdb0-11ee-bb8f-b50acc28cb83\">From the \u201cCalendar\u201d page you can&nbsp;<strong>add a new appointment<\/strong>&nbsp;by clicking on the \u201c+\u201d&nbsp; button in the bottom right corner of the page, or by clicking on the \u201cNew Appointment\u201d button in the right upper corner.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The \u201cCalendar\u201d page is a user-friendly scheduler, it shows a reservation calendar with all scheduled appointments and events organized by employees, services, and locations. You can quickly find relevant data by using services, locations, and employee filters. There are five&nbsp;available calendar views: \u201cMonth\u201d, \u201cWeek\u201d, \u201cDay\u201d, \u201cList\u201d, and \u201cTimeline\u201d. \u201cWeek\u201d is the&nbsp;default calendar view. It displays&hellip;&nbsp;<a href=\"https:\/\/wellnessunityhub.com\/documentation\/2024\/01\/28\/admin-dashboard-calendar-view\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Admin Dashboard &#8211; Calendar View<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[20,1],"tags":[],"class_list":["post-1063","post","type-post","status-publish","format-standard","hentry","category-documentation","category-general-information"],"gutentor_comment":12,"_links":{"self":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1063"}],"collection":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/comments?post=1063"}],"version-history":[{"count":1,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1063\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/posts\/1063\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/categories?post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wellnessunityhub.com\/documentation\/wp-json\/wp\/v2\/tags?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}