angular-bootstrap-calendar | A port of the bootstrap calendar widget to AngularJS | Plugin library

 by   mattlewis92 JavaScript Version: 1.0.0 License: MIT

kandi X-RAY | angular-bootstrap-calendar Summary

kandi X-RAY | angular-bootstrap-calendar Summary

angular-bootstrap-calendar is a JavaScript library typically used in Plugin, Angular, Bootstrap, jQuery applications. angular-bootstrap-calendar has no bugs, it has no vulnerabilities, it has a Permissive License and it has medium support. You can install using 'npm i angular-bootstrap-calendar' or download it from GitHub, npm.

This plugin is an AngularJS port of the original jQuery bootstrap calendar that can be found here: The layout and functionality is intended to be exactly the same, but without the overhead of including jQuery just for a calendar. All credits for the UI/UX and the less files of the calendar go to the original author. Pull requests are welcome. Looking for an angular 2.0+ version of this library? Check this out:

            kandi-support Support

              angular-bootstrap-calendar has a medium active ecosystem.
              It has 802 star(s) with 373 fork(s). There are 78 watchers for this library.
              It had no major release in the last 12 months.
              There are 0 open issues and 618 have been closed. On average issues are closed in 18 days. There are no pull requests.
              It has a neutral sentiment in the developer community.
              The latest version of angular-bootstrap-calendar is 1.0.0

            kandi-Quality Quality

              angular-bootstrap-calendar has 0 bugs and 0 code smells.

            kandi-Security Security

              angular-bootstrap-calendar has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.
              angular-bootstrap-calendar code analysis shows 0 unresolved vulnerabilities.
              There are 0 security hotspots that need review.

            kandi-License License

              angular-bootstrap-calendar is licensed under the MIT License. This license is Permissive.
              Permissive licenses have the least restrictions, and you can use them in most projects.

            kandi-Reuse Reuse

              angular-bootstrap-calendar releases are available to install and integrate.
              Deployable package is available in npm.
              Installation instructions, examples and code snippets are available.
              angular-bootstrap-calendar saves you 757 person hours of effort in developing the same functionality from scratch.
              It has 1744 lines of code, 0 functions and 69 files.
              It has low code complexity. Code complexity directly impacts maintainability of the code.

            Top functions reviewed by kandi - BETA

            kandi has reviewed angular-bootstrap-calendar and discovered the below as its top functions. This is intended to give you an instant insight into angular-bootstrap-calendar implemented functionality, and help decide if they suit your requirements.
            • Get week views
            • Update day grid layout .
            • creates an event view
            • update month view
            • create day views
            • returns the event period period
            • Refresh the calendar calendar .
            • Returns the week length in the calendar .
            • Returns the current seconds sum of the current date .
            • Validates events object
            Get all kandi verified functions for this library.

            angular-bootstrap-calendar Key Features

            No Key Features are available at this moment for angular-bootstrap-calendar.

            angular-bootstrap-calendar Examples and Code Snippets

            No Code Snippets are available at this moment for angular-bootstrap-calendar.

            Community Discussions


            Uncaught (in promise) Error: Unexpected token < updating typescript type definitions
            Asked 2018-Jul-17 at 14:57

            I am using angularjs with typescript in conjunction with gulp task utility. I have just updated typescript from version 2.0.3 to latest version 2.9.2. I have also changed typescript type definitions in tsconfig.json file.

            Previous tsconfig.json:



            Answered 2018-Jul-17 at 14:57

            Apparently, I have managed to have my site app and running after running gulp dev task. Below is the systemjs_initialization.js file which it has been changed to:



            .angular-cli.json' failed.Ensure the file is valid JSON. Error: Unexpected token ] in >JSON at position
            Asked 2017-Dec-22 at 04:04

            Im install this npm install ng-file-upload ng-file-upload for my project now my project getting some error,

            D:\web\ng4fbbootstrap\node_modules\@angular\cli\models\config\config.js:89 throw new InvalidConfigError(common_tags_1.stripIndent ` ^

            InvalidConfigError: Parsing 'D:\web\ng4fbbootstrap.angular-cli.json' failed. Ensure the file is valid JSON. Error: Unexpected token ] in JSON at position 515 at Function.fromConfigPath (D:\web\ng4fbbootstrap\node_modules\@angular\cli\models\config\config.js:89:19) at Function.fromProject (D:\web\ng4fbbootstrap\node_modules\@angular\cli\models\config.js:67:46) at Object. (D:\web\ng4fbbootstrap\node_modules\@angular\cli\commands\build.js:10:35) at Module._compile (module.js:612:30) at Object.Module._extensions..js (module.js:623:10) at Module.load (module.js:531:32) at tryModuleLoad (module.js:494:12) at Function.Module._load (module.js:486:3) at Module.require (module.js:556:17) at require (internal/module.js:11:18)




            Answered 2017-Dec-22 at 04:04

            I solved my problem
            again install Angular

            npm install -g @angular/cli now its work for me



            mattlewis92/angular-bootstrap-calendar calculating Wrong Dates on different Timezone
            Asked 2017-Sep-13 at 07:30

            I am using this calendar for showing events and time slots for people all over the world. During sign up, every user has to set his timezone and then my application uses this timezone for further date computation rather than client machine timezone.

            The problem is that when I make user timezone default using and change the machine's timezone, the calendar calculates dates wrongly.

            Here is my excerpt of my code:



            Answered 2017-Sep-08 at 20:10

            It would appear that this particular UI control does not support selecting a time zone. Simply using is not good enough, because everything the control is doing both internally and in its external API is using Date objects, which cannot represent arbitrary time zones. In other words, the author of that control would have to remove all .toDate() calls and use Moment objects as the primitive in the control instead of Date objects. That would be a breaking change for them.

            I suggest filing an issue in that project's GitHub repository, and reference this page.



            Hidden time for angular-bootstrap-calendar
            Asked 2017-Jul-13 at 15:15

            Here is a pretty clean and easy to use calendar made in Angularjs.


            For now, the events always have time, but I don't want to use it. How to hidden it?



            Answered 2017-Jul-13 at 15:15


            how to display only 5 days of week, instead of 7
            Asked 2017-Apr-03 at 19:54

            Hello Angular Bootstrap Calendar Team (,

            I am having an issue on iOS, where your calendar week view is just too large to display events. So the events are unclickable in the end of the day.

            Is there a possibility to display instead of a week, a part of the week, for an example 3 or 5 days depending on the display size?

            Thank you.



            Answered 2017-Apr-03 at 19:54


            Persist background color of selected day in angular-bootstrap-calendar
            Asked 2017-Mar-14 at 22:45

            In, how can I keep the background color of the selected day from while in the month view?

            I am trying to persist the background color of the day that I click on a different color than the other days on the calendar.



            Answered 2017-Mar-14 at 22:45

            If I understand the question correctly, I think you can set the background color of the selected cell using the cal-day-open css class, which is dynamically added by the calendar directive.

            So adding something like this in your stylesheet should give you the desired behavior:



            Angular-bootstrap calendar mwl -> other symbol for event instead of points
            Asked 2017-Mar-06 at 21:27

            I use this calendar to visualize my calendar events: mwl calendar. Now I want to change the event "point" sign to an "arrow" sign. How to achieve this?



            Answered 2017-Mar-06 at 21:27

            I also don't know exactly what you try to achieve because your question text is a bit confusing. So, for now I replace the "event point" with an arrow by adding some css styles and a custom event color. Please checkout this working plnkr demo and suggest.


            Community Discussions, Code Snippets contain sources that include Stack Exchange Network


            No vulnerabilities reported

            Install angular-bootstrap-calendar

            The calendar has a few dependencies, these are as follows, and must be included before this libraries files:.
            AngularJS 1.3.x, 1.4.x, 1.5.x and 1.6.x are supported
            Bootstrap 3+ (CSS only)
            ui-bootstrap (0.14.0+, optional, include for collapse animations and tooltips.
            interactjs (optional, include to allow drag and drop on the calendar)
            ngTouch (optional, include if using the calendar on mobile devices. You will also need to enable $touchProvider.ngClickOverrideEnabled(true) on angular 1.5.0+)
            Run npm run build to build the project files in the dist folder.


            There is a single directive exposed to create the calendar, use it like so:.
            Find more information at:

            Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items

            Find more libraries
          • HTTPS


          • CLI

            gh repo clone mattlewis92/angular-bootstrap-calendar

          • sshUrl


          • Stay Updated

            Subscribe to our newsletter for trending solutions and developer bootcamps

            Agree to Sign up and Terms & Conditions

            Share this Page

            share link