├── .gitattributes ├── .gitignore ├── LICENSE ├── README.md ├── app.js ├── css ├── cuppa-datepicker-styles.css ├── font-awesome.min.css └── main.css ├── fonts ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.svg ├── fontawesome-webfont.ttf ├── fontawesome-webfont.woff └── fontawesome-webfont.woff2 ├── googlea12299c08451e33e.html ├── images ├── cuppa-calendar-iphone.png ├── cuppa-datepicker-ipad-mock.png ├── cuppa-datepicker-ipad.png ├── cuppa-datepicker-iphone.png ├── datepicker-banner.png └── datepicker-banner_old.png ├── index.html ├── js ├── cuppa-calendar.js └── lib │ └── moment.js └── package.json /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | 4 | # Custom for Visual Studio 5 | *.cs diff=csharp 6 | 7 | # Standard to msysgit 8 | *.doc diff=astextplain 9 | *.DOC diff=astextplain 10 | *.docx diff=astextplain 11 | *.DOCX diff=astextplain 12 | *.dot diff=astextplain 13 | *.DOT diff=astextplain 14 | *.pdf diff=astextplain 15 | *.PDF diff=astextplain 16 | *.rtf diff=astextplain 17 | *.RTF diff=astextplain 18 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /dist 3 | /.tmp 4 | /.sass-cache 5 | /images/.psd -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | Copyright (c) 2016 Cuppa Labs 3 | 4 | Permission is hereby granted, free of charge, to any person obtaining a copy 5 | of this software and associated documentation files (the "Software"), to deal 6 | in the Software without restriction, including without limitation the rights 7 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 8 | copies of the Software, and to permit persons to whom the Software is 9 | furnished to do so, subject to the following conditions: 10 | 11 | The above copyright notice and this permission notice shall be included in 12 | all copies or substantial portions of the Software. 13 | 14 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 15 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 16 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 17 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 18 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 19 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 20 | THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Cuppa DatePicker 2 | [![npm version](https://img.shields.io/npm/v/cuppa-datepicker.svg)](https://www.npmjs.com/package/cuppa-datepicker) 3 | 4 | Cuppa Datepicker is a cool responsive Javascript Datepicker for Web and Mobile. Developed by [Cuppa Labs](http://www.cuppalabs.com). 5 | 6 | ## Demo 7 | 8 | View the [Demo here](https://cuppalabs.github.io/javascript-datepicker/) of Date Picker. 9 | [Click here](https://jsfiddle.net/solomon301/s3hL05s6/) for JSFiddle. 10 | 11 | ![www.cuppalabs.com](https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/master/images/datepicker-banner.png) 12 | 13 | ## Getting Started 14 | - Install with [npm](https://www.npmjs.com): `npm install cuppa-datepicker` 15 | 16 | #### OR 17 | #### Steps to Download git repositroy and setup 18 | #### 1. Add Datepicker Library 19 | Include the `cuppa-datepicker.js` script file in the `` section or at the bottom of your html page. 20 | ```html 21 | 22 | ``` 23 | #### 2. CSS 24 | Include the CSS file in `` section of your page. 25 | ```html 26 | 27 | ``` 28 | 29 | #### 3. Initialize 30 | Initialize datepicker component with the following script 31 | 32 | ```js 33 | var cal = new WinkelCalendar({ 34 | container: 'cuppaDatePickerContainer', 35 | bigBanner: true, 36 | defaultDate: '2016-1-12', 37 | format : "DD-MM-YYYY", 38 | onSelect : onDateChange 39 | }); 40 | 41 | ``` 42 | #### 4. HTML 43 | HTML container where the datepicker to be rendered 44 | ```html 45 |
46 | ``` 47 | #### 5. External Dependencies 48 | 49 | We have font awesome icons and moment.js as dependencies for the component. Don't forget to include the following dependencies. 50 | 51 | ```html 52 | 53 | 54 | ``` 55 | 56 | ## API Documentation 57 | 58 | ## Configuration 59 | 60 | Following options can be passed as a JSON config object to the datepicker 61 | 62 | |Property|Type|Required|Default|Description| 63 | |:--- |:--- |:--- |:--- |:--- | 64 | |`container`|string|YES|`''`| ID of the container in which the datepicker needs to be initialized| 65 | |`defaultDate`|string|Optional|`Today Date`|Date to show on load of the component. If not set todays date will be show as default.| 66 | |`format`|string|Optional|`DD/MM/YYYY`|Date format of the calendar. This will be bound to the model as the date's value.| 67 | |`bigBanner`|boolean|optional|`true`|Set to `true` to have a cool banner above the month table. Set false to have a simple datepicker| 68 | |`onSelect`|function/method|optional|`none`|Callback method to call on select of date.| 69 | 70 | ## Methods 71 | - `setDate(String dateString)` 72 | 73 | Sets the date to the value passed as parameter. 74 | 75 | Parameter 76 | - dateString: String 77 | 78 | Example : setDate('06-11-2016') 79 | 80 | - `today()` 81 | 82 | Sets the date to todays's date. 83 | 84 | Example : today() 85 | 86 | - `open()` 87 | 88 | Opens the datepicker popover. 89 | 90 | - `close()` 91 | 92 | Closes the datepicker popover. 93 | 94 | ## Events 95 | 96 | - `onSelect` 97 | 98 | Define a callback method to call on select of the date. 99 | 100 | Example : 101 | 102 | ```js 103 | var cal = new WinkelCalendar({ 104 | onSelect : onDateChange 105 | }); 106 | ``` 107 | 108 | ## Licence 109 | 110 | This project is licensed under the MIT license. See the [LICENSE](LICENSE) file for more info. 111 | 112 | -- 113 | 114 | The MIT License (MIT) 115 | Copyright (c) 2016 Cuppa Labs 116 | 117 | Permission is hereby granted, free of charge, to any person obtaining a copy 118 | of this software and associated documentation files (the "Software"), to deal 119 | in the Software without restriction, including without limitation the rights 120 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 121 | copies of the Software, and to permit persons to whom the Software is 122 | furnished to do so, subject to the following conditions: 123 | 124 | The above copyright notice and this permission notice shall be included in 125 | all copies or substantial portions of the Software. 126 | 127 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 128 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 129 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 130 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 131 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 132 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 133 | THE SOFTWARE. 134 | 135 | ## Credits 136 | Thanks to Font Awesome and Moment.js for the libraries. 137 | 138 | ## Author 139 | Pradeep Kumar Terli 140 | -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require("express"); 3 | var app = express(); 4 | var path = require("path"); 5 | const PORT=8080; 6 | 7 | app.use(express.static(__dirname + '/')); 8 | 9 | app.get('/',function(req,res){ 10 | res.sendFile(path.join(__dirname+'/index.html')); 11 | //__dirname : It will resolve to your project folder. 12 | }); 13 | 14 | app.listen(PORT); 15 | 16 | console.log("Running at Port "+PORT); -------------------------------------------------------------------------------- /css/cuppa-datepicker-styles.css: -------------------------------------------------------------------------------- 1 | body{ 2 | font-family: 'Roboto',sans-serif; 3 | } 4 | *{ 5 | box-sizing: border-box; 6 | } 7 | #cuppaDatePickerContainer, #cuppaDatePicker{ 8 | width: 250px; 9 | text-align: center; 10 | margin: 0px auto; 11 | } 12 | .wc-date-container{ 13 | float: left; 14 | width: 100%; 15 | height: 30px; 16 | border: 1px solid #FF2D55; 17 | margin-bottom: 1px; 18 | font-size: 16px; 19 | padding: 5px; 20 | text-align: left; 21 | cursor: pointer; 22 | background: #fff; 23 | line-height: 20px; 24 | } 25 | .wc-date-container > span{ 26 | color: #e40046; 27 | } 28 | .wc-date-container > i{ 29 | float: right; 30 | font-size: 20px; 31 | color: #FF2D55; 32 | } 33 | .winkel-calendar{ 34 | position: relative; 35 | } 36 | .wc-date-popover{ 37 | font-size: 14px; 38 | box-shadow: 0px 7px 23px 0px #e7e7e7; 39 | margin: 0px auto; 40 | perspective: 1000px; 41 | float: left; 42 | background: #fff; 43 | border: 1px solid #FF2D55; 44 | position: fixed; 45 | width: calc(100% - 30px); 46 | top: 15px; 47 | left: 15px; 48 | z-index: 9999; 49 | overflow: hidden; 50 | height: calc(100% - 30px); 51 | } 52 | .wc-banner{ 53 | /* background: #3ce5ed; */ 54 | float: left; 55 | width: 100%; 56 | margin-bottom: 5px; 57 | background: rgb(230, 23, 62); 58 | } 59 | .wc-day-row{ 60 | padding: 10px 0px; 61 | background: rgba(0, 0, 0, 0.09); 62 | color: #fff; 63 | width: 100%; 64 | float: left; 65 | font-size: 18px; 66 | } 67 | .wc-date-row{ 68 | display: inline-block; 69 | font-size: 85px; 70 | color: #fff; 71 | padding: 10px 5px; 72 | width: 50%; 73 | float: left; 74 | text-align: right; 75 | font-weight: 200; 76 | line-height: 100px; 77 | } 78 | .wc-month-row{ 79 | padding: 16px 0px 0px 0px; 80 | font-size: 35px; 81 | color: #fff; 82 | width: 100%; 83 | float: left; 84 | } 85 | .wc-month-row > div, .wc-year-row > div{ 86 | cursor: pointer; 87 | } 88 | .wc-year-row{ 89 | text-align: left; 90 | color: #fff; 91 | font-size: 24px; 92 | float: left; 93 | width: 100%; 94 | } 95 | .wc-my-sec{ 96 | display: inline-block; 97 | padding: 10px 10px; 98 | float: left; 99 | width: 50%; 100 | font-weight: 300; 101 | } 102 | .wc-month-row > div:nth-child(1), .wc-year-row > div:nth-child(1){ 103 | float: left; 104 | text-align: left; 105 | line-height: 37px; 106 | } 107 | 108 | 109 | .wc-month-controls > .fa:hover, .wc-year-controls > .fa:hover{ 110 | color: #fff; 111 | } 112 | .wc-details > .fa:hover{ 113 | color: #ccc; 114 | } 115 | .wc-month-controls{ 116 | padding: 5px; 117 | font-size: 16px; 118 | color: rgba(255, 255, 255, 0.71); 119 | float: right; 120 | } 121 | .wc-year-controls{ 122 | padding: 2px 5px 0px 5px; 123 | font-size: 16px; 124 | color: rgba(255, 255, 255, 0.71); 125 | float: right; 126 | } 127 | .wc-year-controls > .fa , .wc-month-controls > .fa{ 128 | cursor: pointer; 129 | padding: 0px 4px; 130 | } 131 | 132 | .wc-details{ 133 | float: left; 134 | width: 100%; 135 | padding: 10px 0px 10px; 136 | color: #fff; 137 | background: rgb(230, 23, 62); 138 | } 139 | .banner-true > .wc-details{ 140 | padding: 0px 0px 10px; 141 | } 142 | .wc-prev{ 143 | float: left; 144 | width:25%; 145 | text-align: left; 146 | padding: 0px 15px; 147 | cursor: pointer; 148 | font-size: 35px; 149 | } 150 | .month-year{ 151 | float: left; 152 | width:50%; 153 | font-size: 18px; 154 | line-height: 35px; 155 | } 156 | .wc-next{ 157 | float: right; 158 | width:25%; 159 | text-align: right; 160 | padding: 0px 15px; 161 | cursor: pointer; 162 | font-size: 35px; 163 | } 164 | .calendar-days{ 165 | color: #07c; 166 | height: 200px; 167 | background: #fff; 168 | } 169 | .today > span{ 170 | border: 1px solid #FF2D55; 171 | background: none; 172 | border-radius: 50px; 173 | } 174 | .selected-day > span{ 175 | /*background: #3ce5ed;*/ 176 | background: rgb(230, 23, 62); 177 | color: #fff; 178 | border-radius: 50px; 179 | } 180 | .calendar-header{ 181 | background: #fff; 182 | } 183 | 184 | .calendar-days td{ 185 | cursor: pointer; 186 | } 187 | .calendar-days td:hover > span{ 188 | background: #FF2D55; 189 | color: #fff; 190 | border-radius: 50px; 191 | } 192 | .winkel-calendar table{ 193 | width: 100%; 194 | text-align: center; 195 | font-size: 18px; 196 | border-collapse: collapse; 197 | } 198 | .winkel-calendar table td{ 199 | padding: 0px 0px; 200 | width: calc((100%)/7); 201 | text-align: center; 202 | transition: all .1s linear; 203 | } 204 | .winkel-calendar table td span{ 205 | display: block; 206 | 207 | padding: 6px; 208 | margin: 0px; 209 | line-height: 32px; 210 | border-radius: 63px; 211 | } 212 | .calendar-header td{ 213 | padding: 15px 0px !important; 214 | } 215 | .months-view, .years-view{ 216 | background: #fff; 217 | position: absolute; 218 | width: 100%; 219 | top: 210px; 220 | width: 100%; 221 | height: calc(100% - 210px); 222 | bottom: 0; 223 | 224 | } 225 | .years-list-view{ 226 | float: left; 227 | width: calc(100% - 60px); 228 | height: 100%; 229 | } 230 | .months-view > span, .years-list-view > span{ 231 | display: inline-block; 232 | width: 25%; 233 | padding: 25px 0px; 234 | cursor: pointer; 235 | font-size: 16px; 236 | } 237 | .years-list-view > span{ 238 | width: 33.3333% 239 | } 240 | .years-view > .prev, .years-view > .next{ 241 | float: left; 242 | width: 30px; 243 | padding: 85px 0px; 244 | cursor: pointer; 245 | font-size: 52px; 246 | } 247 | .years-view > .prev:hover, .years-view > .next:hover{ 248 | color: #ccc; 249 | } 250 | .years-view > .next{ 251 | float: right; 252 | } 253 | .current-month, .current-year{ 254 | color: #FF2D55; 255 | } 256 | .years-view > span{ 257 | width: 33.3333%; 258 | } 259 | .months-view > span:hover, .years-list-view > span:hover{ 260 | color: #FF2D55; 261 | } 262 | .banner-true{ 263 | padding-top: 0px !important; 264 | border: none !important; 265 | } 266 | .banner-true > .wc-banner{ 267 | margin-bottom : 0px !important; 268 | } 269 | .methods{ 270 | clear: left; 271 | padding: 50px 0px; 272 | text-align: center; 273 | } 274 | 275 | @media (min-width: 768px) { 276 | .wc-date-popover{ 277 | width: 250px; 278 | position: absolute; 279 | top: 31px; 280 | height: auto; 281 | left: 0; 282 | } 283 | .wc-day-row{ 284 | padding: 5px 0px; 285 | font-size: 14px; 286 | } 287 | .wc-date-row{ 288 | font-size: 62px; 289 | line-height: 65px; 290 | padding: 5px 5px; 291 | } 292 | .wc-my-sec{ 293 | padding: 5px 10px; 294 | } 295 | .wc-month-row{ 296 | padding: 6px 0px 0px 0px; 297 | font-size: 21px; 298 | } 299 | .wc-year-row{ 300 | font-size: 16px; 301 | } 302 | .month-year{ 303 | font-size: 14px; 304 | line-height: 20px; 305 | } 306 | .wc-month-row > div:nth-child(1), .wc-year-row > div:nth-child(1){ 307 | line-height: 28px; 308 | } 309 | .wc-prev, .wc-next{ 310 | font-size: 18px; 311 | } 312 | .wc-details{ 313 | padding: 10px 0px 10px; 314 | } 315 | .calendar-header td{ 316 | padding: 10px 0px !important; 317 | } 318 | .winkel-calendar table{ 319 | font-size: 14px; 320 | } 321 | .winkel-calendar table td span{ 322 | line-height: 24px; 323 | width: 35px; 324 | height: 35px; 325 | } 326 | .months-view, .years-view{ 327 | top: 134px; 328 | width: 100%; 329 | height: calc(100% - 134px); 330 | } 331 | } 332 | -------------------------------------------------------------------------------- /css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} 5 | -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | html{ 2 | height: 100%; 3 | } 4 | body{ 5 | background-color: #f7f7f7; 6 | height: 100%; 7 | font-family: 'Roboto',sans-serif; 8 | } 9 | .navbar-default { 10 | background-color: #ffffff; 11 | border-color: #ffffff; 12 | border-radius: 0px; 13 | min-height: 40px; 14 | margin: 0px; 15 | border: 0px; 16 | } 17 | .navbar-brand { 18 | height: 40px; 19 | padding: 10px 15px; 20 | } 21 | .jumbotron{ 22 | background: transparent; 23 | text-align: center; 24 | margin-bottom: 0px; 25 | padding-top: 10px; 26 | } 27 | .jumbotron > p{ 28 | font-size: 18px; 29 | font-weight: 300; 30 | color: #656565; 31 | } 32 | .component-title{ 33 | font-weight: 300; 34 | 35 | } 36 | .component-title > span{ 37 | font-size: 50%; 38 | } 39 | iframe{ 40 | width: 100%; 41 | height: 100%; 42 | } 43 | .nav-pills > li{ 44 | display: inline-block !important; 45 | float: inherit; 46 | } 47 | .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ 48 | background: none; 49 | color: #a9a9a9; 50 | } 51 | .nav > li > a:hover, .nav > li > a:focus{ 52 | text-decoration: underline; 53 | background: none; 54 | } 55 | .nav-pills > li > a{ 56 | font-weight: 300; 57 | padding: 10px 10px; 58 | } 59 | .datepicker-container{ 60 | padding: 0px 15px; 61 | } 62 | @media (min-width: 768px){ 63 | .component-title{ 64 | font-size: 50px !important; 65 | } 66 | .nav-pills > li > a{ 67 | padding: 10px 15px; 68 | } 69 | .datepicker-container { 70 | padding: 80px 15px; 71 | } 72 | .bt-group{ 73 | padding: 35px 0px; 74 | } 75 | } 76 | .bt-group .btn{ 77 | background: -webkit-linear-gradient(#42a1ec, #0070c9); 78 | background: -o-linear-gradient(#42a1ec, #0070c9); 79 | background: linear-gradient(#42a1ec, #0070c9); 80 | } 81 | .ad-section{ 82 | display: block; 83 | position: absolute; 84 | bottom: 0; 85 | left: 0; 86 | right: 0; 87 | text-align: center; 88 | } -------------------------------------------------------------------------------- /fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /googlea12299c08451e33e.html: -------------------------------------------------------------------------------- 1 | google-site-verification: googlea12299c08451e33e.html -------------------------------------------------------------------------------- /images/cuppa-calendar-iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/cuppa-calendar-iphone.png -------------------------------------------------------------------------------- /images/cuppa-datepicker-ipad-mock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/cuppa-datepicker-ipad-mock.png -------------------------------------------------------------------------------- /images/cuppa-datepicker-ipad.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/cuppa-datepicker-ipad.png -------------------------------------------------------------------------------- /images/cuppa-datepicker-iphone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/cuppa-datepicker-iphone.png -------------------------------------------------------------------------------- /images/datepicker-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/datepicker-banner.png -------------------------------------------------------------------------------- /images/datepicker-banner_old.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CuppaLabs/javascript-datepicker/1e1f236648b962387d71ce8b57de8f2cd5987c05/images/datepicker-banner_old.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Insert title here 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 41 | 42 | 43 | 61 | 62 |
63 | 64 |
65 |

Cuppa DatePicker
with JavaScript

66 |

Cool JavaScript DatePicker for Web and Mobile

67 |

68 | 69 | 70 | 71 | 72 |

73 |
74 | 75 |
76 |
77 |
78 |
79 | 80 | 81 | 82 | 83 |
84 | 85 |
86 |
87 |
88 |
89 | 90 | 91 | 92 | 93 |
94 |
95 |
96 | 97 | 98 | 102 | 105 |
106 | 107 | 108 | -------------------------------------------------------------------------------- /js/cuppa-calendar.js: -------------------------------------------------------------------------------- 1 | (function(window){ 2 | 'use strict'; 3 | 4 | 5 | // these are labels for the days of the week 6 | var cal_days_labels = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']; 7 | var cal_full_days_lables = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; 8 | 9 | // these are human-readable month name labels, in order 10 | var cal_months_labels = ['January', 'February', 'March', 'April', 11 | 'May', 'June', 'July', 'August', 'September', 12 | 'October', 'November', 'December']; 13 | var cal_months_labels_short = ['JAN', 'FEB', 'MAR', 'APR', 14 | 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 15 | 'OCT', 'NOV', 'DEC']; 16 | 17 | // these are the days of the week for each month, in order 18 | var cal_days_in_month = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; 19 | 20 | var isDate = function(obj){ 21 | return obj instanceof Date && !isNaN(obj.valueOf()); 22 | } 23 | var extend = function(to, from, overwrite) 24 | { 25 | var prop, hasProp; 26 | for (prop in from) { 27 | hasProp = to[prop] !== undefined; 28 | if (hasProp && typeof from[prop] === 'object' && from[prop] !== null && from[prop].nodeName === undefined) { 29 | if (isDate(from[prop])) { 30 | if (overwrite) { 31 | to[prop] = new Date(from[prop].getTime()); 32 | } 33 | } 34 | else if (isArray(from[prop])) { 35 | if (overwrite) { 36 | to[prop] = from[prop].slice(0); 37 | } 38 | } else { 39 | to[prop] = extend({}, from[prop], overwrite); 40 | } 41 | } else if (overwrite || !hasProp) { 42 | to[prop] = from[prop]; 43 | } 44 | } 45 | return to; 46 | }; 47 | function WinkelCalendar(options){ 48 | this.defaults = { 49 | defaultDate : new Date(), 50 | bigBanner: true, 51 | format : "DD/MM/YYYY", 52 | onSelect : null 53 | } 54 | if (!this.options) { 55 | this.options = extend({}, this.defaults, true); 56 | } 57 | 58 | this.options = extend(this.options, options, true); 59 | 60 | var opts = this.options; 61 | 62 | this.date = new Date(opts.defaultDate); 63 | this.selectedDate = new Date(opts.defaultDate); 64 | this.el = document.createElement('div'); 65 | this.containerElement = document.getElementById(this.options.container); 66 | document.addEventListener('click', this.bodyClick.bind(this), true); 67 | this.init(); 68 | 69 | } 70 | WinkelCalendar.prototype.init = function(){ 71 | this.el.inputContainer = document.createElement('INPUT'); 72 | this.el.dateContainer = document.createElement('DIV'); 73 | this.el.dateContainer.textContainer = document.createElement('span'); 74 | this.el.dateContainer.appendChild(this.el.dateContainer.textContainer); 75 | this.el.dateContainer.calIcon = document.createElement('i'); 76 | this.el.dateContainer.calIcon.setAttribute('class','fa fa-calendar'); 77 | this.el.dateContainer.appendChild(this.el.dateContainer.calIcon); 78 | this.el.inputContainer.setAttribute('type','hidden'); 79 | this.el.inputContainer.setAttribute('class','wc-input'); 80 | this.el.dateContainer.setAttribute('class','wc-date-container'); 81 | this.el.dateContainer.addEventListener('click', this.toggle.bind(this), true); 82 | 83 | this.el.calendarPopup = document.createElement('DIV'); 84 | this.el.calendarPopup.setAttribute('class','wc-date-popover'); 85 | 86 | this.el.appendChild(this.el.inputContainer); 87 | this.el.appendChild(this.el.dateContainer); 88 | this.el.appendChild(this.el.calendarPopup); 89 | this.el.calendarPopup.style.display = "none"; 90 | this.createHeaderView(); 91 | this.createDaysView(); 92 | this.createMonthView(); 93 | this.createYearView(); 94 | this.containerElement.appendChild(this.el); 95 | this.setDateVal(); 96 | 97 | } 98 | WinkelCalendar.prototype.show = function(){ 99 | this.date = new Date(this.selectedDate); 100 | this.updateView(); 101 | this.el.calendarPopup.style.display = "block"; 102 | } 103 | WinkelCalendar.prototype.hide = function(){ 104 | this.el.calendarPopup.style.display = "none"; 105 | } 106 | WinkelCalendar.prototype.toggle = function(){ 107 | if(this.el.calendarPopup.style.display == "none"){ 108 | this.show(); 109 | } 110 | else 111 | this.hide(); 112 | } 113 | WinkelCalendar.prototype.today = function(){ 114 | this.date = new Date(); 115 | this.selectedDate = new Date(); 116 | this.setDateVal(); 117 | this.updateView(); 118 | } 119 | WinkelCalendar.prototype.setDateVal = function(){ 120 | this.selectedDate = new Date(this.date); 121 | this.el.dateContainer.textContainer.textContent = moment(this.selectedDate).format(this.options.format); 122 | this.el.inputContainer.value = moment(this.selectedDate).format(this.options.format); 123 | } 124 | WinkelCalendar.prototype.setDate = function(val){ 125 | this.date = new Date(val); 126 | this.selectedDate = new Date(val); 127 | this.setDateVal(); 128 | this.updateView(); 129 | } 130 | WinkelCalendar.prototype.updateView = function(){ 131 | this.updateHeader(); 132 | this.destroyDaysTable(); 133 | this.createDaysView(); 134 | } 135 | WinkelCalendar.prototype.toggleMonthView = function(e){ 136 | e.stopPropagation(); 137 | this.updateMonthView(); 138 | if(this.el.calendarPopup.monthsView.style.display == "none"){ 139 | this.el.calendarPopup.monthsView.style.display = "block"; 140 | } 141 | else 142 | this.el.calendarPopup.monthsView.style.display = "none"; 143 | this.el.calendarPopup.yearsView.style.display = "none"; 144 | } 145 | WinkelCalendar.prototype.toggleYearView = function(e){ 146 | e.stopPropagation(); 147 | this.updateYearView(); 148 | if(this.el.calendarPopup.yearsView.style.display == "none"){ 149 | this.el.calendarPopup.yearsView.style.display = "block"; 150 | } 151 | else 152 | this.el.calendarPopup.yearsView.style.display = "none"; 153 | this.el.calendarPopup.monthsView.style.display = "none"; 154 | } 155 | WinkelCalendar.prototype.createMonthView = function(){ 156 | this.el.calendarPopup.monthsView = document.createElement('DIV'); 157 | this.el.calendarPopup.monthsView.setAttribute('class','months-view'); 158 | this.el.calendarPopup.monthsView.style.display = "none"; 159 | this.el.calendarPopup.monthsView.addEventListener('click', this.onMonthSelect.bind(this), true); 160 | for(var k=0;k 0 || j >= startingDay)) { 443 | span.textContent = day; 444 | dateCell.appendChild(span); 445 | if(day == parseInt(current_day)){ 446 | dateCell.classList.add('selected-day'); 447 | } 448 | if(day == parseInt(today.getDate()) && self.date.getMonth() == today.getMonth() && self.date.getFullYear() == today.getFullYear()){ 449 | dateCell.classList.add('today'); 450 | } 451 | dateCell.isDate = true; 452 | day++; 453 | } 454 | dateRow.appendChild(dateCell); 455 | } 456 | // stop making rows if we've run out of days 457 | if (day > monthLength) { 458 | break; 459 | } else { 460 | daysTable.appendChild(dateRow); 461 | } 462 | } 463 | self.el.calendarPopup.daysTable = daysTable 464 | self.el.calendarPopup.daysTable .appendChild(dateRow); 465 | self.el.calendarPopup.daysTable.addEventListener('click', self.onCalendarClick.bind(this), true); 466 | self.el.calendarPopup.appendChild(self.el.calendarPopup.daysTable); 467 | 468 | 469 | } 470 | WinkelCalendar.prototype.getHTML = function() { 471 | return this.html; 472 | } 473 | WinkelCalendar.prototype.update = function(){ 474 | this.name = "solomon"; 475 | this.renderView(); 476 | } 477 | WinkelCalendar.prototype.attachEvents = function(){ 478 | var self = this; 479 | var elem = self.el.calendarPopup.daysTable; 480 | elem.addEventListener('click', self.onCalendarClick.bind(this), true); 481 | 482 | } 483 | 484 | WinkelCalendar.prototype.onCalendarClick = function(event){ 485 | event.stopPropagation(); 486 | var self = this; 487 | var elem = self.el; 488 | if(event.target.parentElement.hasOwnProperty('isDate') && event.target.innerHTML != ""){ 489 | 490 | var date = event.target.innerHTML; 491 | self.date.setDate(parseInt(date)); 492 | 493 | elem.getElementsByClassName('selected-day')[0].classList.remove('selected-day'); 494 | event.target.classList.add('selected-day'); 495 | self.updateHeader(); 496 | this.setDateVal(); 497 | if(typeof this.options.onSelect === 'function'){ 498 | this.options.onSelect.call(this, this.date); 499 | } 500 | this.hide(); 501 | } 502 | } 503 | WinkelCalendar.prototype.updateHeader = function(){ 504 | if(this.options.bigBanner){ 505 | this.el.bigBanner.dayRow.textContent = cal_full_days_lables[this.date.getDay()]; 506 | this.el.bigBanner.monthHeaderName.textContent = cal_months_labels_short[this.date.getMonth()]; 507 | this.el.bigBanner.dateRow.textContent = this.date.getDate() < 10 ? ("0"+this.date.getDate()) : this.date.getDate(); 508 | this.el.bigBanner.yearVal.textContent = this.date.getFullYear(); 509 | this.el.headerDetails.headerDIV.textContent = cal_months_labels[this.date.getMonth()] + " " + this.date.getFullYear(); 510 | } 511 | else{ 512 | this.el.headerDetails.headerDIV.textContent = cal_months_labels[this.date.getMonth()] + " " + this.date.getFullYear(); 513 | } 514 | 515 | 516 | } 517 | WinkelCalendar.prototype.prevMonth = function(e){ 518 | e.stopPropagation(); 519 | var self = this; 520 | if(self.date.getMonth() == 0){ 521 | self.date.setMonth(11); 522 | self.date.setFullYear(self.date.getFullYear() - 1); 523 | }else{ 524 | var prevmonthLength = self.getMonthLength(self.date.getMonth() - 1, self.date.getFullYear()); 525 | var currentDate = self.date.getDate(); 526 | if(currentDate > prevmonthLength ){ 527 | self.date.setDate(prevmonthLength); 528 | } 529 | self.date.setMonth(self.date.getMonth() - 1); 530 | } 531 | 532 | console.log(this.date); 533 | self.updateHeader(); 534 | self.destroyDaysTable(); 535 | self.createDaysView(); 536 | } 537 | WinkelCalendar.prototype.nextMonth = function(e){ 538 | e.stopPropagation(); 539 | var self = this; 540 | if(self.date.getMonth() == 11){ 541 | self.date.setMonth(0); 542 | self.date.setFullYear(self.date.getFullYear() + 1); 543 | }else{ 544 | var nextmonthLength = self.getMonthLength(self.date.getMonth() + 1, self.date.getFullYear()); 545 | var currentDate = self.date.getDate(); 546 | if(currentDate > nextmonthLength){ 547 | self.date.setDate(nextmonthLength); 548 | } 549 | self.date.setMonth(self.date.getMonth() + 1); 550 | 551 | } 552 | 553 | self.updateHeader(); 554 | self.destroyDaysTable(); 555 | self.createDaysView(); 556 | } 557 | WinkelCalendar.prototype.prevYear = function(e){ 558 | e.stopPropagation(); 559 | this.date.setFullYear(this.date.getFullYear() - 1); 560 | this.updateHeader(); 561 | this.destroyDaysTable(); 562 | this.createDaysView(); 563 | } 564 | WinkelCalendar.prototype.nextYear = function(e){ 565 | e.stopPropagation(); 566 | this.date.setFullYear(this.date.getFullYear() + 1); 567 | this.updateHeader(); 568 | this.destroyDaysTable(); 569 | this.createDaysView(); 570 | } 571 | WinkelCalendar.prototype.destroyDaysTable = function(){ 572 | this.el.calendarPopup.removeChild(this.el.calendarPopup.daysTable); 573 | } 574 | 575 | WinkelCalendar.prototype.bodyClick = function(e){ 576 | if(this.containerElement.contains(e.target)){ 577 | //this.hide(); 578 | } 579 | else{ 580 | this.hide(); 581 | } 582 | //alert(); 583 | //this.hide(); 584 | } 585 | window.WinkelCalendar = WinkelCalendar || {}; 586 | 587 | })(window); 588 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "cuppa-datepicker", 3 | "version": "1.0.1", 4 | "description": "A cool javascript datepicker component for mobile and web.", 5 | "scripts": { 6 | "start": "node app.js" 7 | }, 8 | "keywords": [ 9 | "datepicker", 10 | "javascript", 11 | "mobile datepicker" 12 | ], 13 | "author": "Pradeep Kumar Terli solomon.terli@gmail.com http://www.cuppalabs.com", 14 | "dependencies": { 15 | "express": "^4.11.0", 16 | "moment": "~2.15.2" 17 | }, 18 | "main": "app.js", 19 | "devDependencies": {}, 20 | "repository": { 21 | "type": "git", 22 | "url": "git+https://github.com/CuppaLabs/javascript-datepicker.git" 23 | }, 24 | "license": "MIT", 25 | "bugs": { 26 | "url": "https://github.com/CuppaLabs/javascript-datepicker/issues" 27 | }, 28 | "homepage": "https://github.com/CuppaLabs/javascript-datepicker#readme" 29 | } 30 | --------------------------------------------------------------------------------