vue-simple-calendar - npm Package Versions

3.0.2 (2018-05-16)

• Added top scoped property to the event slot (#66, thanks @lochstar!)
• Tweak CSS for scrolling when ancestor uses flex-direction: column (#71)
• Ensure keys used internally for weeks and days don't collide with numeric event id values (#65)

3.0.1 (2018-05-08)

• Added the eventTop, eventContentHeight, and eventBorderHeight props to allow better theming (#66)

3.0.0 (2018-05-05)

• Added dateClasses prop to allow easy dynamic styling of specific dates (#55, thanks @LTroya!)
• Massive CSS reorganization to rely less on complex cascading for easier theming (#45, #52)
• Removed need for complex z-index on week and event elements (zIndex no longer passed in event slot)
• Removed need for eventRowX class. Top position CSS is now computed dynamically based on the row and passed to the event slot as "top".
• Removed limitation of 20 event rows per week
• Default header buttons no longer use CSS content for their labels
• The dayContent slot now does not contain the cv-date-number div. This makes it easier to provide your own content without having to duplicate the day number.
• The content element within each day has been removed, as it is no longer needed. The default theme now uses box-shadow instead of border to highlight the date when dragging an event.
• Fixed drag and drop issue in Firefox (#57)
• Implemented new custom header capability, and refactored the default header as a separate component with the same interface
• Upgraded to webpack 4.7
• Refactored periodLabel from CSS logic into a reusable function
• Transpilation to ES5 appears to be functioning properly
• Activating the default theme now requires a class ("theme-default") (#45)
• Fixed and tested polyfill in the same application in IE11
• Fixed flexbox rendering issue in IE11

2.2.0 (2018.03.18)

• Removed the events deprecated in 2.1.0
• Upgraded to Webpack 4
• Moved version history to this CHANGELOG file
• Moved some opinionated styles from the baseline (SFC) to the default theme.
• Fixed event slot issue reported in #42 and #50 (thanks @lexuzieel!).
• Added zIndex prop to event scoped slot properties.
• Formatted to meet newer eslint rules.
• Corrected some minor positioning issues with events (including removing remaining em-based borders)
• The click-event and drag-* events events now passes the normalized event (same as the "event" named slot). You can access your original event (which is the one you should modify) using the originalItem attribute. While this is a minor breaking change, I wasn't quite ready to move up to 3.0, and this does make the API more consistent in how it passes events back to the caller.
• Known issue: Babel is not currently transpiling correctly to provide IE11 support. Looking for assistance.

2.1.2 / 2.1.3 (2018.01.27)

• Prevent click-date events for future dates when disableFuture is true (feature parity with disablePast). Fixes #40.

2.1.2 / 2.1.3 (2018.01.27)

• Prevent click-date events for future dates when disableFuture is true (feature parity with disablePast). Fixes #40.

2.1.0 / 2.1.1 (2018.01.25)

The events below were renamed to make them kebab-case (for DOM template compatibility) and to refine the wording. The old event names, shown here, were deprecated in this version and removed in 2.2:

• clickDay
• clickEvent
• setShowDate
• dragEventStart
• dragEventEnterDate
• dragEventLeaveDate
• dragEventOverDate
• dropEventOnDate

2.1.0 / 2.1.1 (2018.01.25)

The events below were renamed to make them kebab-case (for DOM template compatibility) and to refine the wording. The old event names, shown here, were deprecated in this version and removed in 2.2:

• clickDay
• clickEvent
• setShowDate
• dragEventStart
• dragEventEnterDate
• dragEventLeaveDate
• dragEventOverDate
• dropEventOnDate

2.0.1 (2018.01.23)

• Fixed outsideOfMonth logic bug, #38

2.0.0 (2018.01.01)

Version 2.0 includes some major upgrades! Here are the new features:

• Dates passed as strings are interpreted using browser local time, not UTC, which prevents the event from showing up on an unexpected date.
• Optional display of start and/or end times of events, with options for formatting
• Ability to view more than one month at a time
• Week view (including multi-week)
• Year view (including, but not necessarily sanely, multi-year support)
• New named slot for event
• All slots now pass back useful properties the caller can bring into their scope
• The main grid is scrollable if it is too tall for the component
• Each week is scrollable if its events are too tall for the week's row in the component

This means there are some breaking changes:

• The component is now called calendar-view rather than calendar-month, to better reflect the flexibility of the period shown. (The package is still vue-simple-calendar.)
• Because of the above, the CSS class of the root element has also changed to calendar-view.
• The CSS class of the element containing the body of the view has changed from month to weeks, since periods other than a single month can be shown.
• If you pass dates as strings, they MUST be in ISO form (yyyy-mm-dd hh:mm:ss). The time portion is optional, and within time, the minutes and seconds are also optional.
• The header has been refactored to take better advantage of flexbox, increase the header text size, and group the buttons. This should make it easier to customize, but if you have a custom theme, it may need some updates.
• If the calendar is too short to view the entire period, the calendar body is scrollable (scroll bars are hidden, use touch or scroll wheel).
• If an individual week is too short to view all events in the week, the week's events are scrollable (scroll bars are hidden, use touch or scroll wheel).
• The minimum cell height is now 3em, to ensure that at least one event shows vertically, and if there are others to scroll to, a small part of the next one is visible.
• Emitted drag and drop events pass the original calendar event, not just its id.
• The dragEventDragOverDate event (undocumented) has been renamed as dragEventOverDate. Prior to 2.0, user events emitted the calendar event's id as the first argument rather than the calendar event itself. Since not all calendar events will have an ID and the parent will probably want access to the actual calendar event, I changed these Vue events to emit the original calendar event, not just its id.
• The dayList slot has been replaced with dayHeader, and slot day has been renamed as dayContent.
• The word slot in the sense of an event display row has been renamed as eventRow in the code and CSS to avoid confusion with Vue slots.
• Up to 20 events per day are now supported (up from 10).
• Some basic colors, borders, etc. have been moved from the default theme into the component's core CSS, allowing the component to have a more appealing look with no theme in place and a better starting point for custom themes.
• Reversed the circle-arrow labels to return to the current period. These are now clockwise to "go forward" to return to the current period, counter-clockwise to "go back" to return to the current period.

Props Added in 2.0

• showEventTimes - If true, shows the start and/or end time of an event beside the event title. Midnight is not shown, a midnight time is assumed to indicate an all-day or indeterminate time. (If you want to show midnight, use 00:00:01 and don't choose to show seconds.) The default is false.
• timeFormatOptions - This takes an object containing Intl.DateTimeFormat options to be used to format the event times. The locale setting is automatically used. This option is ignored for browsers that don't support Intl (they will see the 24-hour, zero-padded time).
• displayPeriodUom - The period type to show. By default this is month, i.e., it shows a calendar in month-sized chunks. Other allowed values are year and week.
• displayPeriodCount - The number of periods to show within the view. For example, if displayPeriodUom is week and displayPeriodCount is 2, the view will show a two-week period.