Tuesday, July 14FreeJQuery

calendar

AngularJS Arshaw FullCalendar
calendar, Plugins

AngularJS Arshaw FullCalendar

angular-fullcalendar directive A complete AngularJS directive for the Arshaw FullCalendar.A simple and lite directive for quickly include Fullcalendar (v.3) in your AngularJS projects. Perfomed for AngularJS 1.6.xYou can view DEMO. How to use Installing package with bower: bower install angular-fullcalendar --saveInstalling pacakge with npm: npm i angular-fullcalendar --saveUse directive as an attribute and you can pass the fullcalendar options and the list of events in ngModel.  <div fc fc-options="optionsObj" ng-model="eventsObj" ></div>You can use the Arshaw Fullcalendar options in official docs.    //  <div fc fc-options="calendarOptions" ng-model="events" ></div>     var app = angular.module('demo', ['angular-ful...
Angular Datetime Input UI Element
AngularJS, calendar, Plugins

Angular Datetime Input UI Element

Angular Datetime UI Element Angular Datetime UI Element. This directive is designed to provide easy and intuitive input of moment.js date-time objects.Designed to be as simple as possible in order to afford intuitive interactions. Datetime input UI element This directive is designed to provide easy and intuitive input of moment.js datetime objects.Desgined to be as simple as possible in order to afford intuitive interactions.Converted into an angular directive for your convenience :)Date inputTime inputDatetime inputInstallInstall 'angular-datetime-inputs' with bowerbower install angular-datetime-inputsor with npm npm install angular-datetime-inputsAdd 'g1b.datetime-inputs' module to your app configangular.module('myApp', [ 'g1b....
Angular directive for D3.js Calendar Heatmap
AngularJS, calendar, Plugins

Angular directive for D3.js Calendar Heatmap

D3.js Calendar Heatmap Angular directive for d3.js Calendar heatmap  representing time series data. This d3.js heatmap representing time series data is used to visualize tracked time over the past year, showing details for each of the days on demand.Converted into an angular directive for your convenience :)Includes a global overview of multiple years and visualizations of year, month, week and day overview with zoom for details-on-demand.Based on Calendar View by Mike Bostock Aaand D3.js Calendar Heatmap by Darragh Kirwan Demo D3.js Calendar Click here for a live demo. Global overviewYear overviewMonth overviewWeek overviewDay overviewInstallationInstall 'angular-calendar-heatmap' with bowerbower install angular-calendar-heatmapOr: npm...
LC DatePicker : AngularJS Date Time Picker Component
calendar, Plugins

LC DatePicker : AngularJS Date Time Picker Component

AngularJS Date Time Picker AngularJS Date Time Picker LC DatePicker is a pure Angular date and time picker component.Angular datepicker is an angularjs directive that generates a datepicker calendar on your input element.The Angularjs Datepicker is developed by 720kb.Requirements AngularJS v1.3+ Browser supportChrome Firefox IE Opera Safari✔ ✔ IE9 + ✔ ✔Load To use the directive, include the Angular Datepicker's javascript and css files in your web page:<!DOCTYPE HTML> <html> <head>   <link href="src/css/angular-datepicker.css" rel="stylesheet" type="text/css" /> </head> <body ng-app="app">   //.....   <script src="src/js/angular-datepicker.js"></script>  </body> </html&...
Monthly.js : jQuery Event Calendar Plugin
calendar, Plugins, Responsive, XML

Monthly.js : jQuery Event Calendar Plugin

A jQuery based responsive event calendar plugin.Features:Use as a date picker, or a full fledged calendar Fully responsive design Intuitive event labels Event list detail mode Handles multiple instances on the same page Well commented code for easy customizationRead More | Demo | Download