@event-calendar/build 0.19.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +92 -17
- package/event-calendar.min.css +1 -1
- package/event-calendar.min.js +2 -2
- package/event-calendar.min.js.map +1 -1
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ See [demo](https://vkurko.github.io/calendar/) and [changelog](CHANGELOG.md).
|
|
|
4
4
|
|
|
5
5
|
Full-sized drag & drop JavaScript event calendar with resource view:
|
|
6
6
|
|
|
7
|
-
* Lightweight (
|
|
7
|
+
* Lightweight (29kb [br](https://en.wikipedia.org/wiki/Brotli) compressed)
|
|
8
8
|
* Zero-dependency (pre-built bundle)
|
|
9
9
|
* Used on over 60,000 websites with [Bookly](https://wordpress.org/plugins/bookly-responsive-appointment-booking-tool/)
|
|
10
10
|
|
|
@@ -54,6 +54,7 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
|
|
|
54
54
|
- [eventResizeStop](#eventresizestop)
|
|
55
55
|
- [eventSources](#eventsources)
|
|
56
56
|
- [eventStartEditable](#eventstarteditable)
|
|
57
|
+
- [eventTextColor](#eventtextcolor)
|
|
57
58
|
- [eventTimeFormat](#eventtimeformat)
|
|
58
59
|
- [filterResourcesWithEvents](#filterresourceswithevents)
|
|
59
60
|
- [firstDay](#firstday)
|
|
@@ -68,12 +69,11 @@ Inspired by [FullCalendar](https://fullcalendar.io/), implements similar options
|
|
|
68
69
|
- [loading](#loading)
|
|
69
70
|
- [locale](#locale)
|
|
70
71
|
- [longPressDelay](#longpressdelay)
|
|
71
|
-
- [monthMode](#monthmode)
|
|
72
72
|
- [moreLinkContent](#morelinkcontent)
|
|
73
73
|
- [noEventsClick](#noeventsclick)
|
|
74
|
+
- [noEventsContent](#noeventscontent)
|
|
74
75
|
</td><td>
|
|
75
76
|
|
|
76
|
-
- [noEventsContent](#noeventscontent)
|
|
77
77
|
- [nowIndicator](#nowindicator)
|
|
78
78
|
- [pointer](#pointer)
|
|
79
79
|
- [resources](#resources)
|
|
@@ -193,8 +193,8 @@ import '@event-calendar/core/index.css';
|
|
|
193
193
|
### Pre-built browser ready bundle
|
|
194
194
|
Include the following lines of code in the `<head>` section of your page:
|
|
195
195
|
```html
|
|
196
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@
|
|
197
|
-
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@
|
|
196
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.css">
|
|
197
|
+
<script src="https://cdn.jsdelivr.net/npm/@event-calendar/build@1.1.0/event-calendar.min.js"></script>
|
|
198
198
|
```
|
|
199
199
|
|
|
200
200
|
<details>
|
|
@@ -298,6 +298,7 @@ This value can be either a JavaScript Date object, or an ISO8601 date string lik
|
|
|
298
298
|
### dateClick
|
|
299
299
|
- Type `function`
|
|
300
300
|
- Default `undefined`
|
|
301
|
+
- Requires `Interaction` plugin
|
|
301
302
|
|
|
302
303
|
Callback function that is triggered when the user clicks on a date or a time.
|
|
303
304
|
|
|
@@ -327,7 +328,7 @@ function (info) {}
|
|
|
327
328
|
</td>
|
|
328
329
|
<td>
|
|
329
330
|
|
|
330
|
-
`true` or `false`. Determines if the click has occurred in the `all-day` slot.
|
|
331
|
+
`true` or `false`. Determines if the click has occurred in the `all-day` slot. Month and list views are also considered as all-day slots</td>
|
|
331
332
|
</tr>
|
|
332
333
|
<tr>
|
|
333
334
|
<td>
|
|
@@ -1248,6 +1249,14 @@ function (time) {
|
|
|
1248
1249
|
</tr>
|
|
1249
1250
|
</table>
|
|
1250
1251
|
|
|
1252
|
+
### eventTextColor
|
|
1253
|
+
- Type `string`
|
|
1254
|
+
- Default `undefined`
|
|
1255
|
+
|
|
1256
|
+
Sets the default text color for events on the calendar.
|
|
1257
|
+
|
|
1258
|
+
You can use any of the CSS color formats such `'#f00'`, `'#ff0000'`, `'rgb(255,0,0)'`, or `'red'`.
|
|
1259
|
+
|
|
1251
1260
|
### filterResourcesWithEvents
|
|
1252
1261
|
- Type `boolean`
|
|
1253
1262
|
- Default `false`
|
|
@@ -1425,14 +1434,6 @@ For touch devices, the amount of time (in milliseconds) the user must hold down
|
|
|
1425
1434
|
|
|
1426
1435
|
For a more granular configuration, see [eventLongPressDelay](#eventlongpressdelay) and [selectLongPressDelay](#selectlongpressdelay).
|
|
1427
1436
|
|
|
1428
|
-
### monthMode
|
|
1429
|
-
- Type `boolean`
|
|
1430
|
-
- Default `false`
|
|
1431
|
-
> Views override the default value as follows:
|
|
1432
|
-
> - dayGridMonth `true`
|
|
1433
|
-
|
|
1434
|
-
Tells the calendar that visible dates should start from the [firstDay](#firstday) of the week, even if it will display days outside the current range (this is a common case for a month calendar when you can see days from adjacent months).
|
|
1435
|
-
|
|
1436
1437
|
### moreLinkContent
|
|
1437
1438
|
- Type `string`, `object`or `function`
|
|
1438
1439
|
- Default `undefined`
|
|
@@ -1788,7 +1789,7 @@ This should be a value that can be parsed into a [Duration](#duration-object) ob
|
|
|
1788
1789
|
|
|
1789
1790
|
### theme
|
|
1790
1791
|
- Type `object` or `function`
|
|
1791
|
-
- Default `{active: 'ec-active', allDay: 'ec-all-day', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayFoot: 'ec-day-foot', dayHead: 'ec-day-head', daySide: 'ec-day-side', days: 'ec-days', draggable: 'ec-draggable', dragging: 'ec-dragging', event: 'ec-event', eventBody: 'ec-event-body', eventTag: 'ec-event-tag', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', ghost: 'ec-ghost', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll',
|
|
1792
|
+
- Default `{active: 'ec-active', allDay: 'ec-all-day', bgEvent: 'ec-bg-event', bgEvents: 'ec-bg-events', body: 'ec-body', button: 'ec-button', buttonGroup: 'ec-button-group', calendar: 'ec', compact: 'ec-compact', content: 'ec-content', day: 'ec-day', dayFoot: 'ec-day-foot', dayHead: 'ec-day-head', daySide: 'ec-day-side', days: 'ec-days', draggable: 'ec-draggable', dragging: 'ec-dragging', event: 'ec-event', eventBody: 'ec-event-body', eventTag: 'ec-event-tag', eventTime: 'ec-event-time', eventTitle: 'ec-event-title', events: 'ec-events', extra: 'ec-extra', ghost: 'ec-ghost', handle: 'ec-handle', header: 'ec-header', hiddenScroll: 'ec-hidden-scroll', highlight: 'ec-highlight', icon: 'ec-icon', line: 'ec-line', lines: 'ec-lines', list: 'ec-list', month: 'ec-month', noEvents: 'ec-no-events', nowIndicator: 'ec-now-indicator', otherMonth: 'ec-other-month', pointer: 'ec-pointer', popup: 'ec-popup', preview: 'ec-preview', resizer: 'ec-resizer', resizingX: 'ec-resizing-x', resizingY: 'ec-resizing-y', resource: 'ec-resource', resourceTitle: 'ec-resource-title', selecting: 'ec-selecting', sidebar: 'ec-sidebar', sidebarTitle: 'ec-sidebar-title', time: 'ec-time', title: 'ec-title', today: 'ec-today', toolbar: 'ec-toolbar', uniform: 'ec-uniform', week: 'ec-week', withScroll: 'ec-with-scroll'}`
|
|
1792
1793
|
|
|
1793
1794
|
Defines the CSS classes that the Event Calendar uses to generate HTML markup.
|
|
1794
1795
|
|
|
@@ -2019,9 +2020,46 @@ Updates a single event with the matching `event`.`id`.
|
|
|
2019
2020
|
Refetches events from all sources.
|
|
2020
2021
|
|
|
2021
2022
|
### dateFromPoint( x, y )
|
|
2022
|
-
- Return value `
|
|
2023
|
+
- Return value `object` or `null`
|
|
2024
|
+
|
|
2025
|
+
Returns an `info` object with data as if the [dateClick](#dateclick) event had fired for that point.
|
|
2026
|
+
|
|
2027
|
+
`info` object contains the following properties:
|
|
2028
|
+
<table>
|
|
2029
|
+
<tr>
|
|
2030
|
+
<td>
|
|
2031
|
+
|
|
2032
|
+
`date`
|
|
2033
|
+
</td>
|
|
2034
|
+
<td>JavaScript Date object for the date and time</td>
|
|
2035
|
+
</tr>
|
|
2036
|
+
<tr>
|
|
2037
|
+
<td>
|
|
2038
|
+
|
|
2039
|
+
`allDay`
|
|
2040
|
+
</td>
|
|
2041
|
+
<td>
|
|
2042
|
+
|
|
2043
|
+
`true` or `false`. Determines if the point is in the `all-day` slot. Month and list views are also considered as all-day slots</td>
|
|
2044
|
+
</tr>
|
|
2045
|
+
<tr>
|
|
2046
|
+
<td>
|
|
2047
|
+
|
|
2048
|
+
`dayEl`
|
|
2049
|
+
</td>
|
|
2050
|
+
<td>HTML element that represents the whole-day that contains the point</td>
|
|
2051
|
+
</tr>
|
|
2052
|
+
<tr>
|
|
2053
|
+
<td>
|
|
2054
|
+
|
|
2055
|
+
`resource`
|
|
2056
|
+
</td>
|
|
2057
|
+
<td>
|
|
2023
2058
|
|
|
2024
|
-
|
|
2059
|
+
If the current view is a resource view, the [Resource](#resource-object) object that owns this date
|
|
2060
|
+
</td>
|
|
2061
|
+
</tr>
|
|
2062
|
+
</table>
|
|
2025
2063
|
|
|
2026
2064
|
Using this method, you can, for example, find out on which day a click occurred inside a multi-day event. To do this, inside [eventClick](#eventclick), pass the `jsEvent.clientX` and `jsEvent.clientY` coordinates to `dateFromPoint` and get the desired date.
|
|
2027
2065
|
|
|
@@ -2158,6 +2196,16 @@ The [eventBackgroundColor](#eventbackgroundcolor) override for this specific eve
|
|
|
2158
2196
|
<tr>
|
|
2159
2197
|
<td>
|
|
2160
2198
|
|
|
2199
|
+
`textColor`
|
|
2200
|
+
</td>
|
|
2201
|
+
<td>
|
|
2202
|
+
|
|
2203
|
+
The [eventTextColor](#eventtextcolor) override for this specific event
|
|
2204
|
+
</td>
|
|
2205
|
+
</tr>
|
|
2206
|
+
<tr>
|
|
2207
|
+
<td>
|
|
2208
|
+
|
|
2161
2209
|
`extendedProps`
|
|
2162
2210
|
</td>
|
|
2163
2211
|
<td>
|
|
@@ -2295,6 +2343,16 @@ Here are all admissible fields for the event’s input object:
|
|
|
2295
2343
|
<tr>
|
|
2296
2344
|
<td>
|
|
2297
2345
|
|
|
2346
|
+
`textColor`
|
|
2347
|
+
</td>
|
|
2348
|
+
<td>
|
|
2349
|
+
|
|
2350
|
+
`string` Sets the event’s text color just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
|
|
2351
|
+
</td>
|
|
2352
|
+
</tr>
|
|
2353
|
+
<tr>
|
|
2354
|
+
<td>
|
|
2355
|
+
|
|
2298
2356
|
`color`
|
|
2299
2357
|
</td>
|
|
2300
2358
|
<td>
|
|
@@ -2397,6 +2455,13 @@ Here are all properties that exist in Resource object:
|
|
|
2397
2455
|
</td>
|
|
2398
2456
|
<td>Default background color for this resource's events</td>
|
|
2399
2457
|
</tr>
|
|
2458
|
+
<tr>
|
|
2459
|
+
<td>
|
|
2460
|
+
|
|
2461
|
+
`eventTextColor`
|
|
2462
|
+
</td>
|
|
2463
|
+
<td>Default text color for this resource's events</td>
|
|
2464
|
+
</tr>
|
|
2400
2465
|
</table>
|
|
2401
2466
|
|
|
2402
2467
|
### Parsing resource from a plain object
|
|
@@ -2444,6 +2509,16 @@ Here are all admissible fields for the resource’s input object:
|
|
|
2444
2509
|
`string` Sets the default background color for this resource's events just like the calendar-wide [eventBackgroundColor](#eventbackgroundcolor) option. Default `undefined`
|
|
2445
2510
|
</td>
|
|
2446
2511
|
</tr>
|
|
2512
|
+
<tr>
|
|
2513
|
+
<td>
|
|
2514
|
+
|
|
2515
|
+
`eventTextColor`
|
|
2516
|
+
</td>
|
|
2517
|
+
<td>
|
|
2518
|
+
|
|
2519
|
+
`string` Sets the default text color for this resource's events just like the calendar-wide [eventTextColor](#eventtextcolor) option. Default `undefined`
|
|
2520
|
+
</td>
|
|
2521
|
+
</tr>
|
|
2447
2522
|
</table>
|
|
2448
2523
|
|
|
2449
2524
|
## View object
|
package/event-calendar.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ec-days,.ec-day,.ec-day-title,.ec-resource{flex:1 1 0;min-width:0;max-width:100%}.ec{display:flex;flex-direction:column;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ec ::-webkit-scrollbar{background:#fff}.ec ::-webkit-scrollbar-thumb{border:4px solid #fff;box-shadow:none;background:#dadce0;border-radius:8px;min-height:40px}.ec :hover::-webkit-scrollbar-thumb{background:#bdc1c6}.ec-hidden-scroll{display:none;overflow-y:scroll;visibility:hidden;flex-shrink:0}.ec-with-scroll .ec-hidden-scroll{display:block}.ec-toolbar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.ec-toolbar>*{margin-bottom:-0.5em}.ec-toolbar>*>*{margin-bottom:.5em}.ec-toolbar>*>*:not(:last-child){margin-right:.75em}.ec-title{margin:0}.ec-button{background-color:#fff;border:1px solid #ced4da;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.ec-button:not(:disabled){color:#212529;cursor:pointer}.ec-button:not(:disabled):hover,.ec-button.ec-active{background-color:#ececec;border-color:#b1bbc4}.ec-button-group{display:inline-flex}.ec-button-group .ec-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.ec-button-group .ec-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ec-icon{display:inline-block;width:1em}.ec-icon.ec-prev:after,.ec-icon.ec-next:after{content:"";position:relative;width:.5em;height:.5em;border-top:2px solid #212529;border-right:2px solid #212529;display:inline-block}.ec-icon.ec-prev:after{transform:rotate(-135deg) translate(-2px, 2px)}.ec-icon.ec-next:after{transform:rotate(45deg) translate(-2px, 2px)}.ec-header,.ec-all-day,.ec-body,.ec-days,.ec-day{border:1px solid #dadce0}.ec-header{display:flex;flex-shrink:0}.ec-header .ec-resource{flex-direction:column}.ec-header .ec-resource .ec-days{border-top-style:solid}.ec-header .ec-days{border-bottom:none}.ec-header .ec-day{min-height:24px;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis}.ec-all-day{
|
|
1
|
+
.ec-days,.ec-day,.ec-day-title,.ec-resource{flex:1 1 0;min-width:0;max-width:100%}.ec{display:flex;flex-direction:column;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ec ::-webkit-scrollbar{background:#fff}.ec ::-webkit-scrollbar-thumb{border:4px solid #fff;box-shadow:none;background:#dadce0;border-radius:8px;min-height:40px}.ec :hover::-webkit-scrollbar-thumb{background:#bdc1c6}.ec-hidden-scroll{display:none;overflow-y:scroll;visibility:hidden;flex-shrink:0}.ec-with-scroll .ec-hidden-scroll{display:block}.ec-toolbar{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.ec-toolbar>*{margin-bottom:-0.5em}.ec-toolbar>*>*{margin-bottom:.5em}.ec-toolbar>*>*:not(:last-child){margin-right:.75em}.ec-title{margin:0}.ec-button{background-color:#fff;border:1px solid #ced4da;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.ec-button:not(:disabled){color:#212529;cursor:pointer}.ec-button:not(:disabled):hover,.ec-button.ec-active{background-color:#ececec;border-color:#b1bbc4}.ec-button-group{display:inline-flex}.ec-button-group .ec-button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.ec-button-group .ec-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ec-icon{display:inline-block;width:1em}.ec-icon.ec-prev:after,.ec-icon.ec-next:after{content:"";position:relative;width:.5em;height:.5em;border-top:2px solid #212529;border-right:2px solid #212529;display:inline-block}.ec-icon.ec-prev:after{transform:rotate(-135deg) translate(-2px, 2px)}.ec-icon.ec-next:after{transform:rotate(45deg) translate(-2px, 2px)}.ec-header,.ec-all-day,.ec-body,.ec-days,.ec-day{border:1px solid #dadce0}.ec-header{display:flex;flex-shrink:0}.ec-header .ec-resource{flex-direction:column}.ec-header .ec-resource .ec-days{border-top-style:solid}.ec-header .ec-days{border-bottom:none}.ec-header .ec-day{min-height:24px;line-height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis}.ec-all-day{flex-shrink:0;border-top:none}.ec-all-day .ec-days{border-bottom:none}.ec-all-day .ec-day{padding-bottom:4px}.ec-all-day .ec-event-time{display:none}.ec-body{position:relative;overflow-x:hidden;overflow-y:auto}.ec:not(.ec-list) .ec-body{border-top:none}.ec-month .ec-body{flex:1 1 auto}.ec-sidebar{flex:0 0 auto;width:auto;max-width:100%;padding:0 4px 0 8px;display:flex;flex-direction:column;justify-content:center}.ec-sidebar-title{visibility:hidden;overflow-y:hidden;height:0;text-align:right}.ec-all-day .ec-sidebar-title{visibility:visible;height:auto;padding:8px 0}.ec-content{display:flex}.ec-month .ec-content{flex-direction:column;height:100%}.ec-month .ec-uniform .ec-content{overflow:hidden}.ec-list .ec-content{flex-direction:column}.ec-resource{display:flex}.ec-days{display:flex;border-style:none none solid}.ec-days:last-child{border-bottom:none}.ec-month .ec-days,.ec-resource .ec-days{flex:1 0 auto}.ec-month .ec-uniform .ec-days{flex:1 1 0%;min-height:0}.ec-day{border-style:none none none solid}.ec-day.ec-today{background-color:#fcf8e3}.ec-day.ec-highlight{background-color:#e5f7fe}.ec-month .ec-body .ec-day{min-height:5em;position:relative}.ec-month .ec-uniform .ec-day{min-height:0}.ec-month .ec-day:first-child{border-left:none}.ec-day.ec-other-month .ec-day-head{opacity:.3}.ec-list .ec-day{flex:1 0 auto;background-color:#fff;border-style:solid none;padding:8px 14px;font-weight:bold;position:sticky;top:0;z-index:2}.ec-list .ec-day:first-child{border-top:none}.ec-month .ec-day-head{text-align:right;padding:4px 4px 3px}.ec-month .ec-day-foot{position:absolute;bottom:0;padding:2px;font-size:.85em}.ec-month .ec-day-foot a{cursor:pointer}.ec-list .ec-day-side{float:right}.ec-list .ec-no-events{text-align:center;padding:5em 0}.ec-events{margin:0 6px 0 0}.ec-week .ec-events,.ec-events.ec-preview{position:relative}.ec-event{display:flex;padding:2px;color:#fff;box-sizing:border-box;box-shadow:0 0 1px 0 #dadce0;background-color:#039be5;border-radius:3px;font-size:.85em;line-height:1.5;z-index:1}.ec-month .ec-event,.ec-all-day .ec-event{position:relative}.ec-week .ec-body .ec-event{position:absolute}.ec-list .ec-event{flex-direction:row;padding:8px 14px;color:inherit;background-color:rgba(0,0,0,0);border-radius:0}.ec-event.ec-preview{position:absolute;z-index:1000;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.8}.ec-event.ec-pointer{color:inherit;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;z-index:0;box-shadow:none;display:none}.ec-day:hover .ec-event.ec-pointer{display:flex}.ec-event-body{display:flex;flex-direction:column;width:100%}.ec-month .ec-event-body,.ec-all-day .ec-event-body{flex-direction:row}.ec-event-tag{width:4px;border-radius:2px;margin-right:8px}.ec-event-time{overflow:hidden;white-space:nowrap;margin:0 0 1px 0;flex-shrink:0}.ec-month .ec-event-time{margin:0 3px 0 0;max-width:100%;text-overflow:ellipsis}.ec-event-title{overflow:hidden}.ec-month .ec-event-title,.ec-all-day .ec-event-title{min-height:1.5em;white-space:nowrap;text-overflow:ellipsis}.ec-week .ec-body .ec-event-title{position:sticky;top:0}.ec-list .ec-event-title{font-size:1rem}.ec-draggable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-ghost{opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-bg-events{position:relative}.ec-bg-event{position:absolute;background-color:#dadce0;opacity:.3;width:100%;z-index:1}.ec-time,.ec-line{height:24px}.ec-time{position:relative;line-height:24px;top:-12px;text-align:right;white-space:nowrap}.ec-header .ec-time,.ec-all-day .ec-time{visibility:hidden;overflow-y:hidden;height:0}.ec-lines{width:8px}.ec-line:not(:first-child):after{content:"";position:absolute;width:100%;border-bottom:1px solid #dadce0;pointer-events:none}.ec-body:not(.ec-compact) .ec-line:nth-child(even):after{border-bottom-style:dotted}.ec-popup{position:absolute;top:0;display:flex;flex-direction:column;width:110%;min-width:180px;z-index:1010;padding:8px 10px 14px;background-color:#fff;border-radius:6px;outline:1px solid rgba(0,0,0,0);box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.ec-popup .ec-day-head{text-align:left;display:flex;justify-content:space-between}.ec-popup .ec-day-head a{cursor:pointer;font-size:1.5em;line-height:.8}.ec-popup .ec-events{margin:0;min-height:0;overflow:auto}.ec-extra{position:relative;height:100%;overflow:hidden;margin-left:-6.5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-now-indicator{position:absolute;z-index:1005;width:100%;border-top:#ea4335 solid 2px;pointer-events:none}.ec-now-indicator:before{background:#ea4335;border-radius:50%;content:"";position:absolute;height:12px;margin-top:-7px;width:12px;pointer-events:none}.ec-resizer{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ec-month .ec-resizer,.ec-all-day .ec-resizer{top:0;right:0;bottom:0;width:50%;max-width:8px;cursor:ew-resize}.ec-week .ec-body .ec-resizer{left:0;right:0;bottom:0;height:50%;max-height:8px;cursor:ns-resize}.ec-dragging{cursor:pointer !important}.ec-resizing-y{cursor:ns-resize !important}.ec-resizing-x{cursor:ew-resize !important}
|