{"id":322,"date":"2021-06-30T15:30:17","date_gmt":"2021-06-30T14:30:17","guid":{"rendered":"http:\/\/modules.bijc.co.uk\/?page_id=322"},"modified":"2022-02-14T15:24:15","modified_gmt":"2022-02-14T15:24:15","slug":"external-event-box-component","status":"publish","type":"page","link":"https:\/\/modules.bijc.co.uk\/?page_id=322","title":{"rendered":"External Event Box Component"},"content":{"rendered":"\n<p>This component holds events for the Calendar component that can be dropped onto the calendar.<\/p>\n\n\n\n<h4>Properties<\/h4>\n\n\n\n<ul><li>Events &#8211; an array of events that can be dropped on to the calendar component. Only the title property is required. All other properties are optional.<ul><li>title &#8211; The title of the event<\/li><li>eventColor &#8211; The border and background color of the event<\/li><li>eventTextColor &#8211; The color of the text on the event<\/li><li>startTime &#8211; The start time of the event as a string in the format HH:mm:ss<\/li><li>duration &#8211; the duration of the event as a string in the format HH:mm:ss<\/li><\/ul><\/li><li>Event Color &#8211; The default background and border color to use for the event<\/li><li>Event Text Color &#8211; The default text color to use for the events<\/li><li>Show Create Button &#8211; Whether to display the button for creating events in the component using the default event creation pop up.<\/li><li>Button Style &#8211; Controls the button colour and text colour for the create event button for default and hover states<\/li><li>Flex &#8211; Exposes a number of flex properties for the internal flex-box that holds the events.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"646\" src=\"http:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Light_1.7.1-1024x646.png\" alt=\"\" class=\"wp-image-352\" srcset=\"https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Light_1.7.1-1024x646.png 1024w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Light_1.7.1-300x189.png 300w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Light_1.7.1-768x484.png 768w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Light_1.7.1.png 1292w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"654\" src=\"http:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Dark_1.7.1-1024x654.png\" alt=\"\" class=\"wp-image-351\" srcset=\"https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Dark_1.7.1-1024x654.png 1024w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Dark_1.7.1-300x192.png 300w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Dark_1.7.1-768x491.png 768w, https:\/\/modules.bijc.co.uk\/wp-content\/uploads\/2022\/02\/External_box_Dark_1.7.1.png 1307w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This component holds events for the Calendar component that can be dropped onto the calendar. Properties Events &#8211; an array of events that can be dropped on to the calendar component. Only the title property is required. All other properties are optional. title &#8211; The title of the event eventColor &#8211; The border and background&#8230; <a href=\"https:\/\/modules.bijc.co.uk\/?page_id=322\">read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/322"}],"collection":[{"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=322"}],"version-history":[{"count":3,"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/322\/revisions"}],"predecessor-version":[{"id":367,"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/322\/revisions\/367"}],"wp:attachment":[{"href":"https:\/\/modules.bijc.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}