Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@fullcalendar/bootstrap
Advanced tools
@fullcalendar/bootstrap - npm Package Compare versions
Comparing version 6.0.0-beta.4 to 6.0.0
| /*! | ||
| FullCalendar Bootstrap 4 Plugin v6.0.0-beta.4 | ||
| Docs & License: https://fullcalendar.io/ | ||
| FullCalendar Bootstrap 4 Plugin v6.0.0 | ||
| Docs & License: https://fullcalendar.io/docs/bootstrap4 | ||
| (c) 2022 Adam Shaw | ||
@@ -40,3 +40,3 @@ */ | ||
| var css_248z = "\n\n .fc-theme-bootstrap a:not([href]) {\n color: inherit; /* natural color for navlinks */\n }\n"; | ||
| var css_248z = ".fc-theme-bootstrap a:not([href]){color:inherit}"; | ||
| internal$1.injectStyles(css_248z); | ||
@@ -43,0 +43,0 @@ |
| /*! | ||
| FullCalendar Bootstrap 4 Plugin v6.0.0-beta.4 | ||
| Docs & License: https://fullcalendar.io/ | ||
| FullCalendar Bootstrap 4 Plugin v6.0.0 | ||
| Docs & License: https://fullcalendar.io/docs/bootstrap4 | ||
| (c) 2022 Adam Shaw | ||
| */ | ||
| FullCalendar.Bootstrap=function(e,t,o){"use strict";class r extends t.Theme{}r.prototype.classes={root:"fc-theme-bootstrap",table:"table-bordered",tableCellShaded:"table-active",buttonGroup:"btn-group",button:"btn btn-primary",buttonActive:"active",popover:"popover",popoverHeader:"popover-header",popoverContent:"popover-body"},r.prototype.baseIconClass="fa",r.prototype.iconClasses={close:"fa-times",prev:"fa-chevron-left",next:"fa-chevron-right",prevYear:"fa-angle-double-left",nextYear:"fa-angle-double-right"},r.prototype.rtlIconClasses={prev:"fa-chevron-right",next:"fa-chevron-left",prevYear:"fa-angle-double-right",nextYear:"fa-angle-double-left"},r.prototype.iconOverrideOption="bootstrapFontAwesome",r.prototype.iconOverrideCustomButtonOption="bootstrapFontAwesome",r.prototype.iconOverridePrefix="fa-";t.injectStyles("\n\n .fc-theme-bootstrap a:not([href]) {\n color: inherit; /* natural color for navlinks */\n }\n");var a=o.createPlugin({name:"@fullcalendar/bootstrap",themeClasses:{bootstrap:r}}),n={__proto__:null,BootstrapTheme:r};return t.globalPlugins.push(a),e.Internal=n,e.default=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar.Internal,FullCalendar); | ||
| FullCalendar.Bootstrap=function(e,t,o){"use strict";class r extends t.Theme{}r.prototype.classes={root:"fc-theme-bootstrap",table:"table-bordered",tableCellShaded:"table-active",buttonGroup:"btn-group",button:"btn btn-primary",buttonActive:"active",popover:"popover",popoverHeader:"popover-header",popoverContent:"popover-body"},r.prototype.baseIconClass="fa",r.prototype.iconClasses={close:"fa-times",prev:"fa-chevron-left",next:"fa-chevron-right",prevYear:"fa-angle-double-left",nextYear:"fa-angle-double-right"},r.prototype.rtlIconClasses={prev:"fa-chevron-right",next:"fa-chevron-left",prevYear:"fa-angle-double-right",nextYear:"fa-angle-double-left"},r.prototype.iconOverrideOption="bootstrapFontAwesome",r.prototype.iconOverrideCustomButtonOption="bootstrapFontAwesome",r.prototype.iconOverridePrefix="fa-";t.injectStyles(".fc-theme-bootstrap a:not([href]){color:inherit}");var a=o.createPlugin({name:"@fullcalendar/bootstrap",themeClasses:{bootstrap:r}}),l={__proto__:null,BootstrapTheme:r};return t.globalPlugins.push(a),e.Internal=l,e.default=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},FullCalendar.Internal,FullCalendar); |
@@ -5,3 +5,3 @@ import { createPlugin } from '@fullcalendar/core/index.js'; | ||
| var css_248z = "\n\n .fc-theme-bootstrap a:not([href]) {\n color: inherit; /* natural color for navlinks */\n }\n"; | ||
| var css_248z = ".fc-theme-bootstrap a:not([href]){color:inherit}"; | ||
| injectStyles(css_248z); | ||
@@ -8,0 +8,0 @@ |
| { | ||
| "name": "@fullcalendar/bootstrap", | ||
| "version": "6.0.0-beta.4", | ||
| "version": "6.0.0", | ||
| "title": "FullCalendar Bootstrap 4 Plugin", | ||
| "description": "Bootstrap 4 theme for FullCalendar", | ||
| "keywords": [ | ||
| "calendar", | ||
| "event", | ||
| "full-sized" | ||
| "full-sized", | ||
| "fullcalendar", | ||
| "bootstrap", | ||
| "bootstrap4" | ||
| ], | ||
| "homepage": "https://fullcalendar.io/", | ||
| "docs": "https://fullcalendar.io/docs/bootstrap4", | ||
| "homepage": "https://fullcalendar.io/docs/bootstrap4", | ||
| "peerDependencies": { | ||
| "@fullcalendar/core": "~6.0.0" | ||
| }, | ||
| "type": "module", | ||
| "bugs": "https://fullcalendar.io/reporting-bugs", | ||
@@ -15,4 +23,3 @@ "repository": { | ||
| "url": "https://github.com/fullcalendar/fullcalendar.git", | ||
| "homepage": "https://github.com/fullcalendar/fullcalendar", | ||
| "directory": "packages/bootstrap" | ||
| "directory": "packages/bootstrap4" | ||
| }, | ||
@@ -26,8 +33,2 @@ "license": "MIT", | ||
| "copyright": "2022 Adam Shaw", | ||
| "type": "module", | ||
| "title": "FullCalendar Bootstrap 4 Plugin", | ||
| "description": "Bootstrap 4 theming for your calendar", | ||
| "peerDependencies": { | ||
| "@fullcalendar/core": "6.0.0-beta.4" | ||
| }, | ||
| "main": "./index.cjs", | ||
@@ -34,0 +35,0 @@ "module": "./index.js", |
| # FullCalendar Bootstrap Plugin | ||
| # FullCalendar Bootstrap 4 Plugin | ||
| Bootstrap 4 theming for your calendar | ||
| [Bootstrap 4](https://getbootstrap.com/docs/4.6/getting-started/introduction/) theme for [FullCalendar](https://fullcalendar.io) | ||
| [View the docs »](https://fullcalendar.io/docs/bootstrap4) | ||
| > For [Bootstrap 5](https://getbootstrap.com/), use the [@fullcalendar/bootstrap5](https://github.com/fullcalendar/fullcalendar/tree/main/packages/bootstrap5) package | ||
| This package was created from the [FullCalendar monorepo »](https://github.com/fullcalendar/fullcalendar) | ||
| ## Installation | ||
| First, ensure the necessary Bootstrap packages are installed: | ||
| ```sh | ||
| npm install bootstrap@4 @fortawesome/fontawesome-free | ||
| ``` | ||
| Then, install the FullCalendar core package, the Bootstrap plugin, and any other plugins (like [daygrid](https://fullcalendar.io/docs/month-view)): | ||
| ```sh | ||
| npm install @fullcalendar/core @fullcalendar/bootstrap @fullcalendar/daygrid | ||
| ``` | ||
| ## Usage | ||
| Instantiate a Calendar with the necessary plugins and options: | ||
| ```js | ||
| import { Calendar } from '@fullcalendar/core' | ||
| import bootstrapPlugin from '@fullcalendar/bootstrap' | ||
| import dayGridPlugin from '@fullcalendar/daygrid' | ||
| // import third-party stylesheets directly from your JS | ||
| import 'bootstrap/dist/css/bootstrap.css' | ||
| import '@fortawesome/fontawesome-free/css/all.css' // needs additional webpack config! | ||
| const calendarEl = document.getElementById('calendar') | ||
| const calendar = new Calendar(calendarEl, { | ||
| plugins: [ | ||
| bootstrapPlugin, | ||
| dayGridPlugin | ||
| ], | ||
| themeSystem: 'bootstrap', // important! | ||
| initialView: 'dayGridMonth' | ||
| }) | ||
| calendar.render() | ||
| ``` |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by8.76%
10855
- Number of low quality alerts
- decreased by-100%
0
- Number of lines in readme file
- increased by422.22%
47
No dependency changes