From ff0294ea9b0e4de7857a111b7cce63a59c5e062a Mon Sep 17 00:00:00 2001
From: slackero <slackero@gmail.com>
Date: Tue, 15 Feb 2022 16:38:16 +0300
Subject: [PATCH] feat: add option to emphasize some featured dates

Based on https://github.com/fengyuanchen/datepicker/pull/129
---
 .babelrc                         |   5 +-
 CHANGELOG.md                     |   4 +
 README.md                        |  32 +++-
 dist/datepicker.common.js        |  97 ++++++++++++-
 dist/datepicker.css              |   9 +-
 dist/datepicker.esm.js           |  97 ++++++++++++-
 dist/datepicker.js               |  97 ++++++++++++-
 dist/datepicker.min.css          |   6 +-
 dist/datepicker.min.js           |   6 +-
 docs/css/datepicker.css          | 242 ++++++++++++++++---------------
 docs/css/main.css                |   2 +-
 docs/index.html                  |   8 +-
 docs/js/datepicker.js            |  97 ++++++++++++-
 package-lock.json                |   4 +-
 package.json                     |   2 +-
 src/css/datepicker.css           |   3 +
 src/css/datepicker.scss          |   5 +
 src/js/datepicker.js             |  19 ++-
 src/js/defaults.js               |   3 +
 src/js/methods.js                |  14 ++
 src/js/render.js                 |  42 ++++++
 test/methods/setFeaturedDates.js |   8 +
 test/options/featuredDates.js    |  22 +++
 23 files changed, 658 insertions(+), 166 deletions(-)
 create mode 100644 test/methods/setFeaturedDates.js
 create mode 100644 test/options/featuredDates.js

diff --git a/.babelrc b/.babelrc
index 9da67db..ba10620 100644
--- a/.babelrc
+++ b/.babelrc
@@ -3,7 +3,10 @@
     [
       "@babel/preset-env",
       {
-        "modules": false
+        "modules": false,
+        "targets": {
+          "browsers": ["last 3 versions", "firefox esr", "ie >= 11", "not dead"]
+        }
       }
     ]
   ]
diff --git a/CHANGELOG.md b/CHANGELOG.md
index d847d4f..ff806d1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.0.11 (Sep 29, 2020)
+
+- Add option to emphasize some featured dates
+
 ## 1.0.10 (Sep 29, 2020)
 
 - Add some new i18n languages.
diff --git a/README.md b/README.md
index 89a931c..67ab363 100644
--- a/README.md
+++ b/README.md
@@ -301,6 +301,13 @@ A class (CSS) for disabled item.
 
 A class (CSS) for highlight date item.
 
+### featuredClass
+
+- Type: `String`
+- Default: `'featured'`
+
+A class (CSS) for featured date item.
+
 ### template
 
 - Type: `String`
@@ -360,7 +367,7 @@ The CSS `z-index` style for the datepicker.
 - Default: `null`
 - Syntax: `filter(date, view)`
   - `date`: the date for checking.
-  - `view`: the the current view, one of `day`, `month` or `year`.
+  - `view`: the current view, one of `day`, `month` or `year`.
 
 Filter each date item. If return a `false` value, the related date will be disabled.
 
@@ -376,6 +383,13 @@ $().datepicker({
 });
 ```
 
+### featuredDates
+
+- Type: `Array`
+- Default: `[]`
+
+A list of dates that will be emphasized in the calendar.
+
 ### show
 
 - Type: `Function`
@@ -523,6 +537,13 @@ Set the start view date with a new date.
 
 Set the end view date with a new date.
 
+### setFeaturedDates(dates)
+
+- **dates**:
+  - Type: `Array` of `Date` or `String` or null
+
+Set the list of featured dates with a new list.
+
 ### parseDate(date)
 
 - **date**:
@@ -630,12 +651,9 @@ If you have to use other plugin with the same namespace, just call the `$.fn.dat
 
 ## Browser support
 
-- Chrome (latest)
-- Firefox (latest)
-- Safari (latest)
-- Opera (latest)
-- Edge (latest)
-- Internet Explorer 9+
+- Latest 3 versions (Chrome, Safari, Firefox, Firefox ESR, Edge etc.)
+- Not dead (currently used browsers)
+- Internet Explorer 11+
 
 ## Versioning
 
diff --git a/dist/datepicker.common.js b/dist/datepicker.common.js
index 7335564..d320d57 100644
--- a/dist/datepicker.common.js
+++ b/dist/datepicker.common.js
@@ -1,11 +1,11 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:58.195Z
+ * Date: 2022-02-15T13:33:48.926Z
  */
 
 'use strict';
@@ -95,6 +95,8 @@ var DEFAULTS = {
   disabledClass: 'disabled',
   // A class (CSS) for highlight date item
   highlightedClass: 'highlighted',
+  // A class (CSS) for featured date item
+  featuredClass: 'featured',
   // The template of the datepicker
   template: '<div class="datepicker-container">' + '<div class="datepicker-panel" data-view="years picker">' + '<ul>' + '<li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li>' + '<li data-view="years current" role="button" aria-label="Current twelve years"></li>' + '<li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li>' + '</ul>' + '<ul data-view="years"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="months picker">' + '<ul>' + '<li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li>' + '<li data-view="year current" role="button" aria-label="Current year"></li>' + '<li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li>' + '</ul>' + '<ul data-view="months"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="days picker">' + '<ul>' + '<li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li>' + '<li data-view="month current" role="button" aria-label="Current month"></li>' + '<li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li>' + '</ul>' + '<ul data-view="week"></ul>' + '<ul data-view="days"></ul>' + '</div>' + '</div>',
   // The offset top or bottom of the datepicker from the element
@@ -491,6 +493,24 @@ var methods = {
     }
   },
 
+  /**
+   * Sets the list of featured dates with a new list
+   *
+   * @param dates
+   */
+  setFeaturedDates: function setFeaturedDates(dates) {
+    var _this = this;
+
+    dates = Array.isArray(dates) ? dates : [dates];
+    this.featuredDates = dates.map(function (date) {
+      return _this.parseDate(date);
+    });
+
+    if (this.built) {
+      this.render();
+    }
+  },
+
   /**
    * Parse a date string with the set date format
    *
@@ -824,7 +844,8 @@ var render = {
   renderYears: function renderYears() {
     var options = this.options,
         startDate = this.startDate,
-        endDate = this.endDate;
+        endDate = this.endDate,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass,
         filter = options.filter,
         yearSuffix = options.yearSuffix;
@@ -842,6 +863,7 @@ var render = {
     for (i = start; i <= end; i += 1) {
       var date = new Date(viewYear + i, 1, 1);
       var disabled = false;
+      var featured = false;
 
       if (startDate) {
         disabled = date.getFullYear() < startDate.getFullYear();
@@ -865,9 +887,22 @@ var render = {
 
       var picked = viewYear + i === year;
       var view = picked ? 'year picked' : 'year';
+      var featuredDateLowerLimit = date.getTime();
+      var featuredDateUpperLimit = new Date(viewYear + i + 1, 1, 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       items.push(this.createItem({
         picked: picked,
         disabled: disabled,
+        featured: featured,
         text: viewYear + i,
         view: disabled ? 'year disabled' : view,
         highlighted: date.getFullYear() === thisYear
@@ -883,7 +918,8 @@ var render = {
     var options = this.options,
         startDate = this.startDate,
         endDate = this.endDate,
-        viewDate = this.viewDate;
+        viewDate = this.viewDate,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass || '';
     var months = options.monthsShort;
     var filter = $__default['default'].isFunction(options.filter) && options.filter;
@@ -901,6 +937,7 @@ var render = {
     for (i = 0; i <= 11; i += 1) {
       var date = new Date(viewYear, i, 1);
       var disabled = false;
+      var featured = false;
 
       if (startDate) {
         prevDisabled = date.getFullYear() === startDate.getFullYear();
@@ -916,12 +953,25 @@ var render = {
         disabled = filter.call(this.$element, date, 'month') === false;
       }
 
+      var featuredDateLowerLimit = date.getTime();
+      var featuredDateUpperLimit = new Date(viewYear, i + 1, 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       var picked = viewYear === year && i === month;
       var view = picked ? 'month picked' : 'month';
       items.push(this.createItem({
         disabled: disabled,
         picked: picked,
         highlighted: viewYear === thisYear && date.getMonth() === thisMonth,
+        featured: featured,
         index: i,
         text: months[i],
         view: disabled ? 'month disabled' : view
@@ -939,7 +989,8 @@ var render = {
         startDate = this.startDate,
         endDate = this.endDate,
         viewDate = this.viewDate,
-        currentDate = this.date;
+        currentDate = this.date,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass,
         filter = options.filter,
         months = options.months,
@@ -1065,6 +1116,7 @@ var render = {
       var _date = new Date(viewYear, viewMonth, i);
 
       var _disabled2 = false;
+      var featured = false;
 
       if (startDate) {
         _disabled2 = _date.getTime() < startDate.getTime();
@@ -1078,6 +1130,19 @@ var render = {
         _disabled2 = filter.call($element, _date, 'day') === false;
       }
 
+      var featuredDateLowerLimit = _date.getTime();
+
+      var featuredDateUpperLimit = new Date(viewYear, viewMonth, i + 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       var _picked = viewYear === year && viewMonth === month && i === day;
 
       var view = _picked ? 'day picked' : 'day';
@@ -1085,6 +1150,7 @@ var render = {
         disabled: _disabled2,
         picked: _picked,
         highlighted: viewYear === thisYear && viewMonth === thisMonth && _date.getDate() === thisDay,
+        featured: featured,
         text: i,
         view: _disabled2 ? 'day disabled' : view
       }));
@@ -1123,17 +1189,21 @@ var Datepicker = /*#__PURE__*/function () {
     this.initialDate = null;
     this.startDate = null;
     this.endDate = null;
+    this.featuredDates = [];
     this.init();
   }
 
   _createClass(Datepicker, [{
     key: "init",
     value: function init() {
+      var _this = this;
+
       var $this = this.$element,
           options = this.options;
       var startDate = options.startDate,
           endDate = options.endDate,
-          date = options.date;
+          date = options.date,
+          featuredDates = options.featuredDates;
       this.$trigger = $__default['default'](options.trigger);
       this.isInput = $this.is('input') || $this.is('textarea');
       this.inline = options.inline && (options.container || !this.isInput);
@@ -1167,6 +1237,14 @@ var Datepicker = /*#__PURE__*/function () {
         this.endDate = endDate;
       }
 
+      if (featuredDates) {
+        featuredDates = Array.isArray(featuredDates) ? featuredDates : [featuredDates];
+        featuredDates = featuredDates.map(function (featuredDate) {
+          return _this.parseDate(featuredDate);
+        });
+        this.featuredDates = featuredDates;
+      }
+
       this.date = date;
       this.viewDate = new Date(date);
       this.initialDate = new Date(this.date);
@@ -1422,7 +1500,8 @@ var Datepicker = /*#__PURE__*/function () {
         muted: false,
         picked: false,
         disabled: false,
-        highlighted: false
+        highlighted: false,
+        featured: false
       };
       var classes = [];
       $__default['default'].extend(item, data);
@@ -1443,6 +1522,10 @@ var Datepicker = /*#__PURE__*/function () {
         classes.push(options.disabledClass);
       }
 
+      if (item.featured) {
+        classes.push(options.featuredClass);
+      }
+
       return "<".concat(itemTag).concat(classes.length > 0 ? " class=\"".concat(classes.join(' '), "\"") : '').concat(item.view ? " data-view=\"".concat(item.view, "\"") : '').concat(item.title ? " title=\"".concat(item.title, "\"") : '').concat(item.picked ? ' aria-selected="true"' : '', ">").concat(item.text, "</").concat(itemTag, ">");
     }
   }, {
diff --git a/dist/datepicker.css b/dist/datepicker.css
index 0007e7d..d57d159 100644
--- a/dist/datepicker.css
+++ b/dist/datepicker.css
@@ -1,11 +1,11 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T12:46:47.044Z
+ * Date: 2022-02-15T13:33:47.813Z
  */
 .datepicker-container {
   background-color: #fff;
@@ -171,6 +171,11 @@
   background-color: #e5f2ff;
 }
 
+.datepicker-panel > ul > li.featured,
+.datepicker-panel > ul > li.featured:hover {
+  color: #5f9ea0;
+}
+
 .datepicker-panel > ul > li[data-view="years prev"],
 .datepicker-panel > ul > li[data-view="year prev"],
 .datepicker-panel > ul > li[data-view="month prev"],
diff --git a/dist/datepicker.esm.js b/dist/datepicker.esm.js
index 7ce0717..78ab4d4 100644
--- a/dist/datepicker.esm.js
+++ b/dist/datepicker.esm.js
@@ -1,11 +1,11 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:58.195Z
+ * Date: 2022-02-15T13:33:48.926Z
  */
 
 import $ from 'jquery';
@@ -89,6 +89,8 @@ var DEFAULTS = {
   disabledClass: 'disabled',
   // A class (CSS) for highlight date item
   highlightedClass: 'highlighted',
+  // A class (CSS) for featured date item
+  featuredClass: 'featured',
   // The template of the datepicker
   template: '<div class="datepicker-container">' + '<div class="datepicker-panel" data-view="years picker">' + '<ul>' + '<li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li>' + '<li data-view="years current" role="button" aria-label="Current twelve years"></li>' + '<li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li>' + '</ul>' + '<ul data-view="years"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="months picker">' + '<ul>' + '<li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li>' + '<li data-view="year current" role="button" aria-label="Current year"></li>' + '<li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li>' + '</ul>' + '<ul data-view="months"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="days picker">' + '<ul>' + '<li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li>' + '<li data-view="month current" role="button" aria-label="Current month"></li>' + '<li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li>' + '</ul>' + '<ul data-view="week"></ul>' + '<ul data-view="days"></ul>' + '</div>' + '</div>',
   // The offset top or bottom of the datepicker from the element
@@ -485,6 +487,24 @@ var methods = {
     }
   },
 
+  /**
+   * Sets the list of featured dates with a new list
+   *
+   * @param dates
+   */
+  setFeaturedDates: function setFeaturedDates(dates) {
+    var _this = this;
+
+    dates = Array.isArray(dates) ? dates : [dates];
+    this.featuredDates = dates.map(function (date) {
+      return _this.parseDate(date);
+    });
+
+    if (this.built) {
+      this.render();
+    }
+  },
+
   /**
    * Parse a date string with the set date format
    *
@@ -818,7 +838,8 @@ var render = {
   renderYears: function renderYears() {
     var options = this.options,
         startDate = this.startDate,
-        endDate = this.endDate;
+        endDate = this.endDate,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass,
         filter = options.filter,
         yearSuffix = options.yearSuffix;
@@ -836,6 +857,7 @@ var render = {
     for (i = start; i <= end; i += 1) {
       var date = new Date(viewYear + i, 1, 1);
       var disabled = false;
+      var featured = false;
 
       if (startDate) {
         disabled = date.getFullYear() < startDate.getFullYear();
@@ -859,9 +881,22 @@ var render = {
 
       var picked = viewYear + i === year;
       var view = picked ? 'year picked' : 'year';
+      var featuredDateLowerLimit = date.getTime();
+      var featuredDateUpperLimit = new Date(viewYear + i + 1, 1, 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       items.push(this.createItem({
         picked: picked,
         disabled: disabled,
+        featured: featured,
         text: viewYear + i,
         view: disabled ? 'year disabled' : view,
         highlighted: date.getFullYear() === thisYear
@@ -877,7 +912,8 @@ var render = {
     var options = this.options,
         startDate = this.startDate,
         endDate = this.endDate,
-        viewDate = this.viewDate;
+        viewDate = this.viewDate,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass || '';
     var months = options.monthsShort;
     var filter = $.isFunction(options.filter) && options.filter;
@@ -895,6 +931,7 @@ var render = {
     for (i = 0; i <= 11; i += 1) {
       var date = new Date(viewYear, i, 1);
       var disabled = false;
+      var featured = false;
 
       if (startDate) {
         prevDisabled = date.getFullYear() === startDate.getFullYear();
@@ -910,12 +947,25 @@ var render = {
         disabled = filter.call(this.$element, date, 'month') === false;
       }
 
+      var featuredDateLowerLimit = date.getTime();
+      var featuredDateUpperLimit = new Date(viewYear, i + 1, 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       var picked = viewYear === year && i === month;
       var view = picked ? 'month picked' : 'month';
       items.push(this.createItem({
         disabled: disabled,
         picked: picked,
         highlighted: viewYear === thisYear && date.getMonth() === thisMonth,
+        featured: featured,
         index: i,
         text: months[i],
         view: disabled ? 'month disabled' : view
@@ -933,7 +983,8 @@ var render = {
         startDate = this.startDate,
         endDate = this.endDate,
         viewDate = this.viewDate,
-        currentDate = this.date;
+        currentDate = this.date,
+        featuredDates = this.featuredDates;
     var disabledClass = options.disabledClass,
         filter = options.filter,
         months = options.months,
@@ -1059,6 +1110,7 @@ var render = {
       var _date = new Date(viewYear, viewMonth, i);
 
       var _disabled2 = false;
+      var featured = false;
 
       if (startDate) {
         _disabled2 = _date.getTime() < startDate.getTime();
@@ -1072,6 +1124,19 @@ var render = {
         _disabled2 = filter.call($element, _date, 'day') === false;
       }
 
+      var featuredDateLowerLimit = _date.getTime();
+
+      var featuredDateUpperLimit = new Date(viewYear, viewMonth, i + 1).getTime();
+
+      for (var j = 0; j < featuredDates.length; j += 1) {
+        var featuredDate = featuredDates[j];
+
+        if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       var _picked = viewYear === year && viewMonth === month && i === day;
 
       var view = _picked ? 'day picked' : 'day';
@@ -1079,6 +1144,7 @@ var render = {
         disabled: _disabled2,
         picked: _picked,
         highlighted: viewYear === thisYear && viewMonth === thisMonth && _date.getDate() === thisDay,
+        featured: featured,
         text: i,
         view: _disabled2 ? 'day disabled' : view
       }));
@@ -1117,17 +1183,21 @@ var Datepicker = /*#__PURE__*/function () {
     this.initialDate = null;
     this.startDate = null;
     this.endDate = null;
+    this.featuredDates = [];
     this.init();
   }
 
   _createClass(Datepicker, [{
     key: "init",
     value: function init() {
+      var _this = this;
+
       var $this = this.$element,
           options = this.options;
       var startDate = options.startDate,
           endDate = options.endDate,
-          date = options.date;
+          date = options.date,
+          featuredDates = options.featuredDates;
       this.$trigger = $(options.trigger);
       this.isInput = $this.is('input') || $this.is('textarea');
       this.inline = options.inline && (options.container || !this.isInput);
@@ -1161,6 +1231,14 @@ var Datepicker = /*#__PURE__*/function () {
         this.endDate = endDate;
       }
 
+      if (featuredDates) {
+        featuredDates = Array.isArray(featuredDates) ? featuredDates : [featuredDates];
+        featuredDates = featuredDates.map(function (featuredDate) {
+          return _this.parseDate(featuredDate);
+        });
+        this.featuredDates = featuredDates;
+      }
+
       this.date = date;
       this.viewDate = new Date(date);
       this.initialDate = new Date(this.date);
@@ -1416,7 +1494,8 @@ var Datepicker = /*#__PURE__*/function () {
         muted: false,
         picked: false,
         disabled: false,
-        highlighted: false
+        highlighted: false,
+        featured: false
       };
       var classes = [];
       $.extend(item, data);
@@ -1437,6 +1516,10 @@ var Datepicker = /*#__PURE__*/function () {
         classes.push(options.disabledClass);
       }
 
+      if (item.featured) {
+        classes.push(options.featuredClass);
+      }
+
       return "<".concat(itemTag).concat(classes.length > 0 ? " class=\"".concat(classes.join(' '), "\"") : '').concat(item.view ? " data-view=\"".concat(item.view, "\"") : '').concat(item.title ? " title=\"".concat(item.title, "\"") : '').concat(item.picked ? ' aria-selected="true"' : '', ">").concat(item.text, "</").concat(itemTag, ">");
     }
   }, {
diff --git a/dist/datepicker.js b/dist/datepicker.js
index 5acf77f..7054210 100644
--- a/dist/datepicker.js
+++ b/dist/datepicker.js
@@ -1,11 +1,11 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:58.195Z
+ * Date: 2022-02-15T13:33:48.926Z
  */
 
 (function (global, factory) {
@@ -97,6 +97,8 @@
     disabledClass: 'disabled',
     // A class (CSS) for highlight date item
     highlightedClass: 'highlighted',
+    // A class (CSS) for featured date item
+    featuredClass: 'featured',
     // The template of the datepicker
     template: '<div class="datepicker-container">' + '<div class="datepicker-panel" data-view="years picker">' + '<ul>' + '<li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li>' + '<li data-view="years current" role="button" aria-label="Current twelve years"></li>' + '<li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li>' + '</ul>' + '<ul data-view="years"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="months picker">' + '<ul>' + '<li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li>' + '<li data-view="year current" role="button" aria-label="Current year"></li>' + '<li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li>' + '</ul>' + '<ul data-view="months"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="days picker">' + '<ul>' + '<li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li>' + '<li data-view="month current" role="button" aria-label="Current month"></li>' + '<li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li>' + '</ul>' + '<ul data-view="week"></ul>' + '<ul data-view="days"></ul>' + '</div>' + '</div>',
     // The offset top or bottom of the datepicker from the element
@@ -493,6 +495,24 @@
       }
     },
 
+    /**
+     * Sets the list of featured dates with a new list
+     *
+     * @param dates
+     */
+    setFeaturedDates: function setFeaturedDates(dates) {
+      var _this = this;
+
+      dates = Array.isArray(dates) ? dates : [dates];
+      this.featuredDates = dates.map(function (date) {
+        return _this.parseDate(date);
+      });
+
+      if (this.built) {
+        this.render();
+      }
+    },
+
     /**
      * Parse a date string with the set date format
      *
@@ -826,7 +846,8 @@
     renderYears: function renderYears() {
       var options = this.options,
           startDate = this.startDate,
-          endDate = this.endDate;
+          endDate = this.endDate,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass,
           filter = options.filter,
           yearSuffix = options.yearSuffix;
@@ -844,6 +865,7 @@
       for (i = start; i <= end; i += 1) {
         var date = new Date(viewYear + i, 1, 1);
         var disabled = false;
+        var featured = false;
 
         if (startDate) {
           disabled = date.getFullYear() < startDate.getFullYear();
@@ -867,9 +889,22 @@
 
         var picked = viewYear + i === year;
         var view = picked ? 'year picked' : 'year';
+        var featuredDateLowerLimit = date.getTime();
+        var featuredDateUpperLimit = new Date(viewYear + i + 1, 1, 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         items.push(this.createItem({
           picked: picked,
           disabled: disabled,
+          featured: featured,
           text: viewYear + i,
           view: disabled ? 'year disabled' : view,
           highlighted: date.getFullYear() === thisYear
@@ -885,7 +920,8 @@
       var options = this.options,
           startDate = this.startDate,
           endDate = this.endDate,
-          viewDate = this.viewDate;
+          viewDate = this.viewDate,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass || '';
       var months = options.monthsShort;
       var filter = $__default['default'].isFunction(options.filter) && options.filter;
@@ -903,6 +939,7 @@
       for (i = 0; i <= 11; i += 1) {
         var date = new Date(viewYear, i, 1);
         var disabled = false;
+        var featured = false;
 
         if (startDate) {
           prevDisabled = date.getFullYear() === startDate.getFullYear();
@@ -918,12 +955,25 @@
           disabled = filter.call(this.$element, date, 'month') === false;
         }
 
+        var featuredDateLowerLimit = date.getTime();
+        var featuredDateUpperLimit = new Date(viewYear, i + 1, 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         var picked = viewYear === year && i === month;
         var view = picked ? 'month picked' : 'month';
         items.push(this.createItem({
           disabled: disabled,
           picked: picked,
           highlighted: viewYear === thisYear && date.getMonth() === thisMonth,
+          featured: featured,
           index: i,
           text: months[i],
           view: disabled ? 'month disabled' : view
@@ -941,7 +991,8 @@
           startDate = this.startDate,
           endDate = this.endDate,
           viewDate = this.viewDate,
-          currentDate = this.date;
+          currentDate = this.date,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass,
           filter = options.filter,
           months = options.months,
@@ -1067,6 +1118,7 @@
         var _date = new Date(viewYear, viewMonth, i);
 
         var _disabled2 = false;
+        var featured = false;
 
         if (startDate) {
           _disabled2 = _date.getTime() < startDate.getTime();
@@ -1080,6 +1132,19 @@
           _disabled2 = filter.call($element, _date, 'day') === false;
         }
 
+        var featuredDateLowerLimit = _date.getTime();
+
+        var featuredDateUpperLimit = new Date(viewYear, viewMonth, i + 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         var _picked = viewYear === year && viewMonth === month && i === day;
 
         var view = _picked ? 'day picked' : 'day';
@@ -1087,6 +1152,7 @@
           disabled: _disabled2,
           picked: _picked,
           highlighted: viewYear === thisYear && viewMonth === thisMonth && _date.getDate() === thisDay,
+          featured: featured,
           text: i,
           view: _disabled2 ? 'day disabled' : view
         }));
@@ -1125,17 +1191,21 @@
       this.initialDate = null;
       this.startDate = null;
       this.endDate = null;
+      this.featuredDates = [];
       this.init();
     }
 
     _createClass(Datepicker, [{
       key: "init",
       value: function init() {
+        var _this = this;
+
         var $this = this.$element,
             options = this.options;
         var startDate = options.startDate,
             endDate = options.endDate,
-            date = options.date;
+            date = options.date,
+            featuredDates = options.featuredDates;
         this.$trigger = $__default['default'](options.trigger);
         this.isInput = $this.is('input') || $this.is('textarea');
         this.inline = options.inline && (options.container || !this.isInput);
@@ -1169,6 +1239,14 @@
           this.endDate = endDate;
         }
 
+        if (featuredDates) {
+          featuredDates = Array.isArray(featuredDates) ? featuredDates : [featuredDates];
+          featuredDates = featuredDates.map(function (featuredDate) {
+            return _this.parseDate(featuredDate);
+          });
+          this.featuredDates = featuredDates;
+        }
+
         this.date = date;
         this.viewDate = new Date(date);
         this.initialDate = new Date(this.date);
@@ -1424,7 +1502,8 @@
           muted: false,
           picked: false,
           disabled: false,
-          highlighted: false
+          highlighted: false,
+          featured: false
         };
         var classes = [];
         $__default['default'].extend(item, data);
@@ -1445,6 +1524,10 @@
           classes.push(options.disabledClass);
         }
 
+        if (item.featured) {
+          classes.push(options.featuredClass);
+        }
+
         return "<".concat(itemTag).concat(classes.length > 0 ? " class=\"".concat(classes.join(' '), "\"") : '').concat(item.view ? " data-view=\"".concat(item.view, "\"") : '').concat(item.title ? " title=\"".concat(item.title, "\"") : '').concat(item.picked ? ' aria-selected="true"' : '', ">").concat(item.text, "</").concat(itemTag, ">");
       }
     }, {
diff --git a/dist/datepicker.min.css b/dist/datepicker.min.css
index 1e1f570..99b387e 100644
--- a/dist/datepicker.min.css
+++ b/dist/datepicker.min.css
@@ -1,9 +1,9 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:57.089Z
- */.datepicker-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled.highlighted:hover{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
\ No newline at end of file
+ * Date: 2022-02-15T13:33:47.813Z
+ */.datepicker-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.featured,.datepicker-panel>ul>li.featured:hover{color:#5f9ea0}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
\ No newline at end of file
diff --git a/dist/datepicker.min.js b/dist/datepicker.min.js
index 11c4c4c..88bdacf 100644
--- a/dist/datepicker.min.js
+++ b/dist/datepicker.min.js
@@ -1,10 +1,10 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:58.195Z
+ * Date: 2022-02-15T13:33:48.926Z
  */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).jQuery)}(this,function(t){"use strict";function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var k=e(t);function o(t,e){for(var a=0;a<e.length;a++){var i=e[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var f={autoShow:!1,autoHide:!1,autoPick:!1,inline:!1,container:null,trigger:null,language:"",format:"mm/dd/yyyy",date:null,startDate:null,endDate:null,startView:0,weekStart:0,yearFirst:!1,yearSuffix:"",days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],itemTag:"li",mutedClass:"muted",pickedClass:"picked",disabledClass:"disabled",highlightedClass:"highlighted",template:'<div class="datepicker-container"><div class="datepicker-panel" data-view="years picker"><ul><li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li><li data-view="years current" role="button" aria-label="Current twelve years"></li><li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li></ul><ul data-view="years"></ul></div><div class="datepicker-panel" data-view="months picker"><ul><li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li><li data-view="year current" role="button" aria-label="Current year"></li><li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li></ul><ul data-view="months"></ul></div><div class="datepicker-panel" data-view="days picker"><ul><li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li><li data-view="month current" role="button" aria-label="Current month"></li><li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li></ul><ul data-view="week"></ul><ul data-view="days"></ul></div></div>',offset:10,zIndex:1e3,filter:null,show:null,hide:null,pick:null},t="undefined"!=typeof window,a=t?window:{},s=t&&"ontouchstart"in a.document.documentElement,h="datepicker",i="click.".concat(h),p="focus.".concat(h),g="hide.".concat(h),y="keyup.".concat(h),m="pick.".concat(h),v="resize.".concat(h),w="scroll.".concat(h),b="show.".concat(h),D="touchstart.".concat(h),n="".concat(h,"-hide"),C={},$=0,d=1,x=2,F=Object.prototype.toString;function u(t){return"string"==typeof t}var M=Number.isNaN||a.isNaN;function Y(t){return"number"==typeof t&&!M(t)}function V(t){return void 0===t}function r(t){return"date"===F.call(t).slice(8,-1).toLowerCase()&&!M(t.getTime())}function T(i,s){for(var t=arguments.length,n=new Array(2<t?t-2:0),e=2;e<t;e++)n[e-2]=arguments[e];return function(){for(var t=arguments.length,e=new Array(t),a=0;a<t;a++)e[a]=arguments[a];return i.apply(s,n.concat(e))}}function l(t){return'[data-view="'.concat(t,'"]')}function O(t,e){return[31,(t=t)%4==0&&t%100!=0||t%400==0?29:28,31,30,31,30,31,31,30,31,30,31][e]}function c(t,e,a){return Math.min(a,O(t,e))}var I=/(y|m|d)+/g;function S(t,e){var a=1<arguments.length&&void 0!==e?e:1,e=String(Math.abs(t)),i=e.length,s="";for(t<0&&(s+="-");i<a;)i+=1,s+="0";return s+e}var P,N=/\d+/g,t={show:function(){this.built||this.build(),this.shown||this.trigger(b).isDefaultPrevented()||(this.shown=!0,this.$picker.removeClass(n).on(i,k.default.proxy(this.click,this)),this.showView(this.options.startView),this.inline||(this.$picker.removeAttr("aria-hidden").attr("role","dialog").attr("aria-model","true"),this.$scrollParent.on(w,k.default.proxy(this.place,this)),k.default(window).on(v,this.onResize=T(this.place,this)),k.default(document).on(i,this.onGlobalClick=T(this.globalClick,this)),k.default(document).on(y,this.onGlobalKeyup=T(this.globalKeyup,this)),s&&k.default(document).on(D,this.onTouchStart=T(this.touchstart,this)),this.place()))},hide:function(){this.shown&&(this.trigger(g).isDefaultPrevented()||(this.shown=!1,this.$picker.addClass(n).off(i,this.click),this.inline||(this.$picker.attr("aria-hidden","true").removeAttr("role").removeAttr("aria-model"),this.$scrollParent.off(w,this.place),k.default(window).off(v,this.onResize),k.default(document).off(i,this.onGlobalClick),k.default(document).off(y,this.onGlobalKeyup),s&&k.default(document).off(D,this.onTouchStart))))},toggle:function(){this.shown?this.hide():this.show()},update:function(){var t=this.getValue();t!==this.oldValue&&(this.setDate(t,!0),this.oldValue=t)},pick:function(t){var e=this.$element,a=this.date;this.trigger(m,{view:t||"",date:a}).isDefaultPrevented()||(a=this.formatDate(this.date),this.setValue(a),this.isInput&&(e.trigger("input"),e.trigger("change")))},reset:function(){this.setDate(this.initialDate,!0),this.setValue(this.initialValue),this.shown&&this.showView(this.options.startView)},getMonthName:function(t,e){var a=this.options,i=a.monthsShort,a=a.months;return k.default.isNumeric(t)?t=Number(t):V(e)&&(e=t),(a=!0===e?i:a)[Y(t)?t:this.date.getMonth()]},getDayName:function(t,e,a){var i=this.options,s=i.days;return k.default.isNumeric(t)?t=Number(t):(V(a)&&(a=e),V(e)&&(e=t)),a?s=i.daysMin:e&&(s=i.daysShort),s[Y(t)?t:this.date.getDay()]},getDate:function(t){var e=this.date;return t?this.formatDate(e):new Date(e)},setDate:function(t,e){var a=this.options.filter;(r(t)||u(t))&&(t=this.parseDate(t),k.default.isFunction(a)&&!1===a.call(this.$element,t,"day")||(this.date=t,this.viewDate=new Date(t),e||this.pick(),this.built&&this.render()))},setStartDate:function(t){r(t)||u(t)?this.startDate=this.parseDate(t):this.startDate=null,this.built&&this.render()},setEndDate:function(t){r(t)||u(t)?this.endDate=this.parseDate(t):this.endDate=null,this.built&&this.render()},parseDate:function(i){var s=this.format,t=[];return r(i)||(u(i)&&(t=i.match(N)||[]),r(i=i?new Date(i):new Date)||(i=new Date),t.length===s.parts.length&&(k.default.each(t,function(t,e){var a=parseInt(e,10);switch(s.parts[t]){case"yy":i.setFullYear(2e3+a);break;case"yyyy":i.setFullYear(2===e.length?2e3+a:a);break;case"mm":case"m":i.setMonth(a-1)}}),k.default.each(t,function(t,e){var a=parseInt(e,10);switch(s.parts[t]){case"dd":case"d":i.setDate(a)}}))),new Date(i.getFullYear(),i.getMonth(),i.getDate())},formatDate:function(t){var e,a,i,s=this.format,n="";return r(t)&&(e=t.getFullYear(),a=t.getMonth(),t=t.getDate(),i={d:t,dd:S(t,2),m:a+1,mm:S(a+1,2),yy:String(e).substring(2),yyyy:S(e,4)},n=s.source,k.default.each(s.parts,function(t,e){n=n.replace(e,i[e])})),n},destroy:function(){this.unbind(),this.unbuild(),this.$element.removeData(h)}},a={click:function(t){var e=k.default(t.target),a=this.options,i=this.date,s=this.viewDate,n=this.format;if(t.stopPropagation(),t.preventDefault(),!e.hasClass("disabled")){var r=e.data("view"),l=s.getFullYear(),o=s.getMonth(),h=s.getDate();switch(r){case"years prev":case"years next":s.setFullYear(l="years prev"===r?l-10:l+10),s.setDate(c(l,o,h)),this.renderYears();break;case"year prev":case"year next":s.setFullYear(l="year prev"===r?l-1:l+1),s.setDate(c(l,o,h)),this.renderMonths();break;case"year current":n.hasYear&&this.showView(x);break;case"year picked":n.hasMonth?this.showView(d):(e.siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","year").removeAttr("aria-selected"),this.hideView()),this.pick("year");break;case"year":l=parseInt(e.text(),10),i.setDate(c(l,o,h)),i.setFullYear(l),s.setDate(c(l,o,h)),s.setFullYear(l),n.hasMonth?this.showView(d):(e.addClass(a.pickedClass).attr("data-view","year picked").attr("aria-selected","true").siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","year").removeAttr("aria-selected"),this.hideView()),this.pick("year");break;case"month prev":case"month next":(o="month prev"===r?o-1:o+1)<0?(--l,o+=12):11<o&&(l+=1,o-=12),s.setFullYear(l),s.setDate(c(l,o,h)),s.setMonth(o),this.renderDays();break;case"month current":n.hasMonth&&this.showView(d);break;case"month picked":n.hasDay?this.showView($):(e.siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","month").removeAttr("aria-selected"),this.hideView()),this.pick("month");break;case"month":o=k.default.inArray(e.text(),a.monthsShort),i.setFullYear(l),i.setDate(c(l,o,h)),i.setMonth(o),s.setFullYear(l),s.setDate(c(l,o,h)),s.setMonth(o),n.hasDay?this.showView($):(e.addClass(a.pickedClass).attr("data-view","month picked").attr("aria-selected","true").siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","month").removeAttr("aria-selected"),this.hideView()),this.pick("month");break;case"day prev":case"day next":case"day":"day prev"===r?--o:"day next"===r&&(o+=1),h=parseInt(e.text(),10),i.setDate(1),i.setFullYear(l),i.setMonth(o),i.setDate(h),s.setDate(1),s.setFullYear(l),s.setMonth(o),s.setDate(h),this.renderDays(),"day"===r&&this.hideView(),this.pick("day");break;case"day picked":this.hideView(),this.pick("day")}}},globalClick:function(t){for(var e=t.target,a=this.element,i=this.$trigger[0],s=!0;e!==document;){if(e===i||e===a){s=!1;break}e=e.parentNode}s&&this.hide()},keyup:function(){this.update()},globalKeyup:function(t){var e=t.target,a=t.key,t=t.keyCode;this.isInput&&e!==this.element&&this.shown&&("Tab"===a||9===t)&&this.hide()},touchstart:function(t){t=t.target;this.isInput&&t!==this.element&&!k.default.contains(this.$picker[0],t)&&(this.hide(),this.element.blur())}},j={render:function(){this.renderYears(),this.renderMonths(),this.renderDays()},renderWeek:function(){var a=this,i=[],t=this.options,e=t.weekStart,s=t.days,t=t.daysMin,e=parseInt(e,10)%7,s=s.slice(e).concat(s.slice(0,e)),t=t.slice(e).concat(t.slice(0,e));k.default.each(t,function(t,e){i.push(a.createItem({text:e,title:s[t]}))}),this.$week.html(i.join(""))},renderYears:function(){for(var t=this.options,e=this.startDate,a=this.endDate,i=t.disabledClass,s=t.filter,t=t.yearSuffix,n=this.viewDate.getFullYear(),d=(new Date).getFullYear(),u=this.date.getFullYear(),r=[],c=!1,f=!1,l=-5;l<=6;l+=1){var o=new Date(n+l,1,1),h=!1,p=(e&&(h=o.getFullYear()<e.getFullYear(),-5===l&&(c=h)),!h&&a&&(h=o.getFullYear()>a.getFullYear(),6===l&&(f=h)),!h&&s&&(h=!1===s.call(this.$element,o,"year")),n+l===u);r.push(this.createItem({picked:p,disabled:h,text:n+l,view:h?"year disabled":p?"year picked":"year",highlighted:o.getFullYear()===d}))}this.$yearsPrev.toggleClass(i,c),this.$yearsNext.toggleClass(i,f),this.$yearsCurrent.toggleClass(i,!0).html("".concat(n+-5+t," - ").concat(n+6).concat(t)),this.$years.html(r.join(""))},renderMonths:function(){for(var t=this.options,e=this.startDate,a=this.endDate,i=this.viewDate,s=t.disabledClass||"",d=t.monthsShort,u=k.default.isFunction(t.filter)&&t.filter,n=i.getFullYear(),i=new Date,c=i.getFullYear(),f=i.getMonth(),p=this.date.getFullYear(),g=this.date.getMonth(),y=[],r=!1,m=!1,l=0;l<=11;l+=1){var o=new Date(n,l,1),h=!1,v=(!(h=!(h=e?(r=o.getFullYear()===e.getFullYear())&&o.getMonth()<e.getMonth():h)&&a?(m=o.getFullYear()===a.getFullYear())&&o.getMonth()>a.getMonth():h)&&u&&(h=!1===u.call(this.$element,o,"month")),n===p&&l===g),w=v?"month picked":"month";y.push(this.createItem({disabled:h,picked:v,highlighted:n===c&&o.getMonth()===f,index:l,text:d[l],view:h?"month disabled":w}))}this.$yearPrev.toggleClass(s,r),this.$yearNext.toggleClass(s,m),this.$yearCurrent.toggleClass(s,r&&m).html(n+t.yearSuffix||""),this.$months.html(y.join(""))},renderDays:function(){var t,d=this.$element,e=this.options,a=this.startDate,i=this.endDate,s=this.viewDate,n=this.date,u=e.disabledClass,c=e.filter,f=e.months,p=e.weekStart,g=e.yearSuffix,r=s.getFullYear(),l=s.getMonth(),s=new Date,y=s.getFullYear(),m=s.getMonth(),v=s.getDate(),w=n.getFullYear(),k=n.getMonth(),b=n.getDate(),D=[],C=r,$=l,s=!1,n=(0===l?(--C,$=11):--$,t=O(C,$),new Date(r,l,1)),x=n.getDay()-parseInt(p,10)%7;for(x<=0&&(x+=7),a&&(s=n.getTime()<=a.getTime()),o=t-(x-1);o<=t;o+=1){var F=new Date(C,$,o),M=!1;!(M=a?F.getTime()<a.getTime():M)&&c&&(M=!1===c.call(d,F,"day")),D.push(this.createItem({disabled:M,highlighted:C===y&&$===m&&F.getDate()===v,muted:!0,picked:C===w&&$===k&&o===b,text:o,view:"day prev"}))}var Y=[],V=r,T=l,p=!1,n=(11===l?(V+=1,T=0):T+=1,t=O(r,l),x=42-(D.length+t),new Date(r,l,t));for(i&&(p=n.getTime()>=i.getTime()),o=1;o<=x;o+=1){var I=new Date(V,T,o),S=V===w&&T===k&&o===b,P=!1;!(P=i?I.getTime()>i.getTime():P)&&c&&(P=!1===c.call(d,I,"day")),Y.push(this.createItem({disabled:P,picked:S,highlighted:V===y&&T===m&&I.getDate()===v,muted:!0,text:o,view:"day next"}))}for(var N=[],o=1;o<=t;o+=1){var j=new Date(r,l,o),h=!1,A=(!(h=!(h=a?j.getTime()<a.getTime():h)&&i?j.getTime()>i.getTime():h)&&c&&(h=!1===c.call(d,j,"day")),r===w&&l===k&&o===b),q=A?"day picked":"day";N.push(this.createItem({disabled:h,picked:A,highlighted:r===y&&l===m&&j.getDate()===v,text:o,view:h?"day disabled":q}))}this.$monthPrev.toggleClass(u,s),this.$monthNext.toggleClass(u,p),this.$monthCurrent.toggleClass(u,s&&p).html(e.yearFirst?"".concat(r+g," ").concat(f[l]):"".concat(f[l]," ").concat(r).concat(g)),this.$days.html(D.join("")+N.join("")+Y.join(""))}},A="".concat(h,"-top-left"),q="".concat(h,"-top-right"),W="".concat(h,"-bottom-left"),z="".concat(h,"-bottom-right"),J=[A,q,W,z].join(" "),E=function(){function s(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},a=this,i=s;if(!(a instanceof i))throw new TypeError("Cannot call a class as a function");this.$element=k.default(t),this.element=t,this.options=k.default.extend({},f,C[e.language],k.default.isPlainObject(e)&&e),this.$scrollParent=function(t,e){var e=1<arguments.length&&void 0!==e&&e,a=k.default(t),i=a.css("position"),s="absolute"===i,n=e?/auto|scroll|hidden/:/auto|scroll/,e=a.parents().filter(function(t,e){e=k.default(e);return(!s||"static"!==e.css("position"))&&n.test(e.css("overflow")+e.css("overflow-y")+e.css("overflow-x"))}).eq(0);return"fixed"!==i&&e.length?e:k.default(t.ownerDocument||document)}(t,!0),this.built=!1,this.shown=!1,this.isInput=!1,this.inline=!1,this.initialValue="",this.initialDate=null,this.startDate=null,this.endDate=null,this.init()}var t,e,a;return t=s,a=[{key:"setDefaults",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};k.default.extend(f,C[t.language],k.default.isPlainObject(t)&&t)}}],(e=[{key:"init",value:function(){var t=this.$element,e=this.options,a=e.startDate,i=e.endDate,s=e.date,t=(this.$trigger=k.default(e.trigger),this.isInput=t.is("input")||t.is("textarea"),this.inline=e.inline&&(e.container||!this.isInput),this.format=function(a){var t=String(a).toLowerCase(),e=t.match(I);if(!e||0===e.length)throw new Error("Invalid date format.");return a={source:t,parts:e},k.default.each(e,function(t,e){switch(e){case"dd":case"d":a.hasDay=!0;break;case"mm":case"m":a.hasMonth=!0;break;case"yyyy":case"yy":a.hasYear=!0}}),a}(e.format),this.getValue());this.initialValue=t,this.oldValue=t,s=this.parseDate(s||t),a&&(a=this.parseDate(a),s.getTime()<a.getTime()&&(s=new Date(a)),this.startDate=a),i&&(i=this.parseDate(i),a&&i.getTime()<a.getTime()&&(i=new Date(a)),s.getTime()>i.getTime()&&(s=new Date(i)),this.endDate=i),this.date=s,this.viewDate=new Date(s),this.initialDate=new Date(this.date),this.bind(),(e.autoShow||this.inline)&&this.show(),e.autoPick&&this.pick()}},{key:"build",value:function(){var t,e,a;this.built||(this.built=!0,t=this.$element,e=this.options,a=k.default(e.template),this.$picker=a,this.$week=a.find(l("week")),this.$yearsPicker=a.find(l("years picker")),this.$yearsPrev=a.find(l("years prev")),this.$yearsNext=a.find(l("years next")),this.$yearsCurrent=a.find(l("years current")),this.$years=a.find(l("years")),this.$monthsPicker=a.find(l("months picker")),this.$yearPrev=a.find(l("year prev")),this.$yearNext=a.find(l("year next")),this.$yearCurrent=a.find(l("year current")),this.$months=a.find(l("months")),this.$daysPicker=a.find(l("days picker")),this.$monthPrev=a.find(l("month prev")),this.$monthNext=a.find(l("month next")),this.$monthCurrent=a.find(l("month current")),this.$days=a.find(l("days")),this.inline?k.default(e.container||t).append(a.addClass("".concat(h,"-inline"))):(k.default(document.body).append(a.addClass("".concat(h,"-dropdown"))),a.addClass(n).attr("tabindex","-1").attr("aria-hidden","true").css({zIndex:parseInt(e.zIndex,10)})),this.renderWeek())}},{key:"unbuild",value:function(){this.built&&(this.built=!1,this.$picker.remove())}},{key:"bind",value:function(){var t=this.options,e=this.$element;k.default.isFunction(t.show)&&e.on(b,t.show),k.default.isFunction(t.hide)&&e.on(g,t.hide),k.default.isFunction(t.pick)&&e.on(m,t.pick),this.isInput&&e.on(y,k.default.proxy(this.keyup,this)),this.inline||(t.trigger?this.$trigger.on(i,k.default.proxy(this.toggle,this)):this.isInput?e.on(p,k.default.proxy(this.show,this)):e.on(i,k.default.proxy(this.show,this)))}},{key:"unbind",value:function(){var t=this.$element,e=this.options;k.default.isFunction(e.show)&&t.off(b,e.show),k.default.isFunction(e.hide)&&t.off(g,e.hide),k.default.isFunction(e.pick)&&t.off(m,e.pick),this.isInput&&t.off(y,this.keyup),this.inline||(e.trigger?this.$trigger.off(i,this.toggle):this.isInput?t.off(p,this.show):t.off(i,this.show))}},{key:"showView",value:function(t){var e=this.$yearsPicker,a=this.$monthsPicker,i=this.$daysPicker,s=this.format;if(s.hasYear||s.hasMonth||s.hasDay)switch(Number(t)){case x:a.addClass(n),i.addClass(n),s.hasYear?(this.renderYears(),e.removeClass(n),this.place()):this.showView($);break;case d:e.addClass(n),i.addClass(n),s.hasMonth?(this.renderMonths(),a.removeClass(n),this.place()):this.showView(x);break;default:e.addClass(n),a.addClass(n),s.hasDay?(this.renderDays(),i.removeClass(n),this.place()):this.showView(d)}}},{key:"hideView",value:function(){!this.inline&&this.options.autoHide&&this.hide()}},{key:"place",value:function(){var t,e,a,d,i,s,n,r,l,o,h;this.inline||(l=this.$element,o=this.options,t=this.$picker,e=k.default(document).outerWidth(),a=k.default(document).outerHeight(),d=l.outerWidth(),i=l.outerHeight(),s=t.width(),n=t.height(),r=(l=l.offset()).left,l=l.top,o=parseFloat(o.offset),h=A,M(o)&&(o=10),n<l&&a<l+i+n?(l-=n+o,h=W):l+=i+o,e<r+s&&(r+=d-s,h=h.replace("left","right")),t.removeClass(J).addClass(h).css({top:l,left:r}))}},{key:"trigger",value:function(t,e){t=k.default.Event(t,e);return this.$element.trigger(t),t}},{key:"createItem",value:function(t){var e=this.options,a=e.itemTag,i={text:"",view:"",muted:!1,picked:!1,disabled:!1,highlighted:!1},s=[];return k.default.extend(i,t),i.muted&&s.push(e.mutedClass),i.highlighted&&s.push(e.highlightedClass),i.picked&&s.push(e.pickedClass),i.disabled&&s.push(e.disabledClass),"<".concat(a).concat(0<s.length?' class="'.concat(s.join(" "),'"'):"").concat(i.view?' data-view="'.concat(i.view,'"'):"").concat(i.title?' title="'.concat(i.title,'"'):"").concat(i.picked?' aria-selected="true"':"",">").concat(i.text,"</").concat(a,">")}},{key:"getValue",value:function(){var t=this.$element;return this.isInput?t.val():t.text()}},{key:"setValue",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",e=this.$element;this.isInput?e.val(t):this.inline&&!this.options.container||e.text(t)}}])&&o(t.prototype,e),a&&o(t,a),Object.defineProperty(t,"prototype",{writable:!1}),s}();k.default.extend&&k.default.extend(E.prototype,j,a,t),k.default.fn&&(P=k.default.fn.datepicker,k.default.fn.datepicker=function(r){for(var l,t=arguments.length,o=new Array(1<t?t-1:0),e=1;e<t;e++)o[e-1]=arguments[e];return this.each(function(t,e){var a=k.default(e),i="destroy"===r;if(!(n=a.data(h))){if(i)return;var s=k.default.extend({},a.data(),k.default.isPlainObject(r)&&r),n=new E(e,s);a.data(h,n)}u(r)&&(e=n[r],k.default.isFunction(e)&&(l=e.apply(n,o),i&&a.removeData(h)))}),V(l)?this:l},k.default.fn.datepicker.Constructor=E,k.default.fn.datepicker.languages=C,k.default.fn.datepicker.setDefaults=E.setDefaults,k.default.fn.datepicker.noConflict=function(){return k.default.fn.datepicker=P,this})});
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).jQuery)}(this,function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var F=t(e);function h(e,t){for(var a=0;a<t.length;a++){var i=t[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}var f={autoShow:!1,autoHide:!1,autoPick:!1,inline:!1,container:null,trigger:null,language:"",format:"mm/dd/yyyy",date:null,startDate:null,endDate:null,startView:0,weekStart:0,yearFirst:!1,yearSuffix:"",days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],itemTag:"li",mutedClass:"muted",pickedClass:"picked",disabledClass:"disabled",highlightedClass:"highlighted",featuredClass:"featured",template:'<div class="datepicker-container"><div class="datepicker-panel" data-view="years picker"><ul><li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li><li data-view="years current" role="button" aria-label="Current twelve years"></li><li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li></ul><ul data-view="years"></ul></div><div class="datepicker-panel" data-view="months picker"><ul><li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li><li data-view="year current" role="button" aria-label="Current year"></li><li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li></ul><ul data-view="months"></ul></div><div class="datepicker-panel" data-view="days picker"><ul><li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li><li data-view="month current" role="button" aria-label="Current month"></li><li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li></ul><ul data-view="week"></ul><ul data-view="days"></ul></div></div>',offset:10,zIndex:1e3,filter:null,show:null,hide:null,pick:null},e="undefined"!=typeof window,a=e?window:{},s=e&&"ontouchstart"in a.document.documentElement,o="datepicker",i="click.".concat(o),p="focus.".concat(o),g="hide.".concat(o),y="keyup.".concat(o),m="pick.".concat(o),v="resize.".concat(o),w="scroll.".concat(o),k="show.".concat(o),D="touchstart.".concat(o),n="".concat(o,"-hide"),b={},C=0,d=1,$=2,x=Object.prototype.toString;function u(e){return"string"==typeof e}var T=Number.isNaN||a.isNaN;function M(e){return"number"==typeof e&&!T(e)}function Y(e){return void 0===e}function r(e){return"date"===x.call(e).slice(8,-1).toLowerCase()&&!T(e.getTime())}function V(i,s){for(var e=arguments.length,n=new Array(2<e?e-2:0),t=2;t<e;t++)n[t-2]=arguments[t];return function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return i.apply(s,n.concat(t))}}function l(e){return'[data-view="'.concat(e,'"]')}function H(e,t){return[31,(e=e)%4==0&&e%100!=0||e%400==0?29:28,31,30,31,30,31,31,30,31,30,31][t]}function c(e,t,a){return Math.min(a,H(e,t))}var I=/(y|m|d)+/g;function S(e,t){var a=1<arguments.length&&void 0!==t?t:1,t=String(Math.abs(e)),i=t.length,s="";for(e<0&&(s+="-");i<a;)i+=1,s+="0";return s+t}var P,N=/\d+/g,e={show:function(){this.built||this.build(),this.shown||this.trigger(k).isDefaultPrevented()||(this.shown=!0,this.$picker.removeClass(n).on(i,F.default.proxy(this.click,this)),this.showView(this.options.startView),this.inline||(this.$picker.removeAttr("aria-hidden").attr("role","dialog").attr("aria-model","true"),this.$scrollParent.on(w,F.default.proxy(this.place,this)),F.default(window).on(v,this.onResize=V(this.place,this)),F.default(document).on(i,this.onGlobalClick=V(this.globalClick,this)),F.default(document).on(y,this.onGlobalKeyup=V(this.globalKeyup,this)),s&&F.default(document).on(D,this.onTouchStart=V(this.touchstart,this)),this.place()))},hide:function(){this.shown&&(this.trigger(g).isDefaultPrevented()||(this.shown=!1,this.$picker.addClass(n).off(i,this.click),this.inline||(this.$picker.attr("aria-hidden","true").removeAttr("role").removeAttr("aria-model"),this.$scrollParent.off(w,this.place),F.default(window).off(v,this.onResize),F.default(document).off(i,this.onGlobalClick),F.default(document).off(y,this.onGlobalKeyup),s&&F.default(document).off(D,this.onTouchStart))))},toggle:function(){this.shown?this.hide():this.show()},update:function(){var e=this.getValue();e!==this.oldValue&&(this.setDate(e,!0),this.oldValue=e)},pick:function(e){var t=this.$element,a=this.date;this.trigger(m,{view:e||"",date:a}).isDefaultPrevented()||(a=this.formatDate(this.date),this.setValue(a),this.isInput&&(t.trigger("input"),t.trigger("change")))},reset:function(){this.setDate(this.initialDate,!0),this.setValue(this.initialValue),this.shown&&this.showView(this.options.startView)},getMonthName:function(e,t){var a=this.options,i=a.monthsShort,a=a.months;return F.default.isNumeric(e)?e=Number(e):Y(t)&&(t=e),(a=!0===t?i:a)[M(e)?e:this.date.getMonth()]},getDayName:function(e,t,a){var i=this.options,s=i.days;return F.default.isNumeric(e)?e=Number(e):(Y(a)&&(a=t),Y(t)&&(t=e)),a?s=i.daysMin:t&&(s=i.daysShort),s[M(e)?e:this.date.getDay()]},getDate:function(e){var t=this.date;return e?this.formatDate(t):new Date(t)},setDate:function(e,t){var a=this.options.filter;(r(e)||u(e))&&(e=this.parseDate(e),F.default.isFunction(a)&&!1===a.call(this.$element,e,"day")||(this.date=e,this.viewDate=new Date(e),t||this.pick(),this.built&&this.render()))},setStartDate:function(e){r(e)||u(e)?this.startDate=this.parseDate(e):this.startDate=null,this.built&&this.render()},setEndDate:function(e){r(e)||u(e)?this.endDate=this.parseDate(e):this.endDate=null,this.built&&this.render()},setFeaturedDates:function(e){var t=this;e=Array.isArray(e)?e:[e],this.featuredDates=e.map(function(e){return t.parseDate(e)}),this.built&&this.render()},parseDate:function(i){var s=this.format,e=[];return r(i)||(u(i)&&(e=i.match(N)||[]),r(i=i?new Date(i):new Date)||(i=new Date),e.length===s.parts.length&&(F.default.each(e,function(e,t){var a=parseInt(t,10);switch(s.parts[e]){case"yy":i.setFullYear(2e3+a);break;case"yyyy":i.setFullYear(2===t.length?2e3+a:a);break;case"mm":case"m":i.setMonth(a-1)}}),F.default.each(e,function(e,t){var a=parseInt(t,10);switch(s.parts[e]){case"dd":case"d":i.setDate(a)}}))),new Date(i.getFullYear(),i.getMonth(),i.getDate())},formatDate:function(e){var t,a,i,s=this.format,n="";return r(e)&&(t=e.getFullYear(),a=e.getMonth(),e=e.getDate(),i={d:e,dd:S(e,2),m:a+1,mm:S(a+1,2),yy:String(t).substring(2),yyyy:S(t,4)},n=s.source,F.default.each(s.parts,function(e,t){n=n.replace(t,i[t])})),n},destroy:function(){this.unbind(),this.unbuild(),this.$element.removeData(o)}},a={click:function(e){var t=F.default(e.target),a=this.options,i=this.date,s=this.viewDate,n=this.format;if(e.stopPropagation(),e.preventDefault(),!t.hasClass("disabled")){var r=t.data("view"),l=s.getFullYear(),h=s.getMonth(),o=s.getDate();switch(r){case"years prev":case"years next":s.setFullYear(l="years prev"===r?l-10:l+10),s.setDate(c(l,h,o)),this.renderYears();break;case"year prev":case"year next":s.setFullYear(l="year prev"===r?l-1:l+1),s.setDate(c(l,h,o)),this.renderMonths();break;case"year current":n.hasYear&&this.showView($);break;case"year picked":n.hasMonth?this.showView(d):(t.siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","year").removeAttr("aria-selected"),this.hideView()),this.pick("year");break;case"year":l=parseInt(t.text(),10),i.setDate(c(l,h,o)),i.setFullYear(l),s.setDate(c(l,h,o)),s.setFullYear(l),n.hasMonth?this.showView(d):(t.addClass(a.pickedClass).attr("data-view","year picked").attr("aria-selected","true").siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","year").removeAttr("aria-selected"),this.hideView()),this.pick("year");break;case"month prev":case"month next":(h="month prev"===r?h-1:h+1)<0?(--l,h+=12):11<h&&(l+=1,h-=12),s.setFullYear(l),s.setDate(c(l,h,o)),s.setMonth(h),this.renderDays();break;case"month current":n.hasMonth&&this.showView(d);break;case"month picked":n.hasDay?this.showView(C):(t.siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","month").removeAttr("aria-selected"),this.hideView()),this.pick("month");break;case"month":h=F.default.inArray(t.text(),a.monthsShort),i.setFullYear(l),i.setDate(c(l,h,o)),i.setMonth(h),s.setFullYear(l),s.setDate(c(l,h,o)),s.setMonth(h),n.hasDay?this.showView(C):(t.addClass(a.pickedClass).attr("data-view","month picked").attr("aria-selected","true").siblings(".".concat(a.pickedClass)).removeClass(a.pickedClass).attr("data-view","month").removeAttr("aria-selected"),this.hideView()),this.pick("month");break;case"day prev":case"day next":case"day":"day prev"===r?--h:"day next"===r&&(h+=1),o=parseInt(t.text(),10),i.setDate(1),i.setFullYear(l),i.setMonth(h),i.setDate(o),s.setDate(1),s.setFullYear(l),s.setMonth(h),s.setDate(o),this.renderDays(),"day"===r&&this.hideView(),this.pick("day");break;case"day picked":this.hideView(),this.pick("day")}}},globalClick:function(e){for(var t=e.target,a=this.element,i=this.$trigger[0],s=!0;t!==document;){if(t===i||t===a){s=!1;break}t=t.parentNode}s&&this.hide()},keyup:function(){this.update()},globalKeyup:function(e){var t=e.target,a=e.key,e=e.keyCode;this.isInput&&t!==this.element&&this.shown&&("Tab"===a||9===e)&&this.hide()},touchstart:function(e){e=e.target;this.isInput&&e!==this.element&&!F.default.contains(this.$picker[0],e)&&(this.hide(),this.element.blur())}},j={render:function(){this.renderYears(),this.renderMonths(),this.renderDays()},renderWeek:function(){var a=this,i=[],e=this.options,t=e.weekStart,s=e.days,e=e.daysMin,t=parseInt(t,10)%7,s=s.slice(t).concat(s.slice(0,t)),e=e.slice(t).concat(e.slice(0,t));F.default.each(e,function(e,t){i.push(a.createItem({text:t,title:s[e]}))}),this.$week.html(i.join(""))},renderYears:function(){for(var e=this.options,t=this.startDate,a=this.endDate,i=this.featuredDates,s=e.disabledClass,d=e.filter,e=e.yearSuffix,n=this.viewDate.getFullYear(),u=(new Date).getFullYear(),c=this.date.getFullYear(),f=[],p=!1,g=!1,r=-5;r<=6;r+=1){for(var l=new Date(n+r,1,1),h=!1,y=!1,m=(t&&(h=l.getFullYear()<t.getFullYear(),-5===r&&(p=h)),!h&&a&&(h=l.getFullYear()>a.getFullYear(),6===r&&(g=h)),!h&&d&&(h=!1===d.call(this.$element,l,"year")),n+r===c),v=m?"year picked":"year",w=l.getTime(),k=new Date(n+r+1,1,1).getTime(),o=0;o<i.length;o+=1){var D=i[o];if(D.getTime()>=w&&D.getTime()<k){y=!0;break}}f.push(this.createItem({picked:m,disabled:h,featured:y,text:n+r,view:h?"year disabled":v,highlighted:l.getFullYear()===u}))}this.$yearsPrev.toggleClass(s,p),this.$yearsNext.toggleClass(s,g),this.$yearsCurrent.toggleClass(s,!0).html("".concat(n+-5+e," - ").concat(n+6).concat(e)),this.$years.html(f.join(""))},renderMonths:function(){for(var e=this.options,t=this.startDate,a=this.endDate,i=this.viewDate,d=this.featuredDates,s=e.disabledClass||"",u=e.monthsShort,c=F.default.isFunction(e.filter)&&e.filter,n=i.getFullYear(),i=new Date,f=i.getFullYear(),p=i.getMonth(),g=this.date.getFullYear(),y=this.date.getMonth(),m=[],r=!1,v=!1,l=0;l<=11;l+=1){for(var h=new Date(n,l,1),o=!1,w=!1,k=(!(o=!(o=t?(r=h.getFullYear()===t.getFullYear())&&h.getMonth()<t.getMonth():o)&&a?(v=h.getFullYear()===a.getFullYear())&&h.getMonth()>a.getMonth():o)&&c&&(o=!1===c.call(this.$element,h,"month")),h.getTime()),D=new Date(n,l+1,1).getTime(),b=0;b<d.length;b+=1){var C=d[b];if(C.getTime()>=k&&C.getTime()<D){w=!0;break}}var $=n===g&&l===y,x=$?"month picked":"month";m.push(this.createItem({disabled:o,picked:$,highlighted:n===f&&h.getMonth()===p,featured:w,index:l,text:u[l],view:o?"month disabled":x}))}this.$yearPrev.toggleClass(s,r),this.$yearNext.toggleClass(s,v),this.$yearCurrent.toggleClass(s,r&&v).html(n+e.yearSuffix||""),this.$months.html(m.join(""))},renderDays:function(){var e,d=this.$element,t=this.options,a=this.startDate,i=this.endDate,s=this.viewDate,n=this.date,u=this.featuredDates,c=t.disabledClass,f=t.filter,p=t.months,g=t.weekStart,y=t.yearSuffix,r=s.getFullYear(),l=s.getMonth(),s=new Date,m=s.getFullYear(),v=s.getMonth(),w=s.getDate(),k=n.getFullYear(),D=n.getMonth(),b=n.getDate(),C=[],$=r,x=l,s=!1,n=(0===l?(--$,x=11):--x,e=H($,x),new Date(r,l,1)),F=n.getDay()-parseInt(g,10)%7;for(F<=0&&(F+=7),a&&(s=n.getTime()<=a.getTime()),h=e-(F-1);h<=e;h+=1){var T=new Date($,x,h),M=!1;!(M=a?T.getTime()<a.getTime():M)&&f&&(M=!1===f.call(d,T,"day")),C.push(this.createItem({disabled:M,highlighted:$===m&&x===v&&T.getDate()===w,muted:!0,picked:$===k&&x===D&&h===b,text:h,view:"day prev"}))}var Y=[],V=r,I=l,g=!1,n=(11===l?(V+=1,I=0):I+=1,e=H(r,l),F=42-(C.length+e),new Date(r,l,e));for(i&&(g=n.getTime()>=i.getTime()),h=1;h<=F;h+=1){var S=new Date(V,I,h),P=V===k&&I===D&&h===b,N=!1;!(N=i?S.getTime()>i.getTime():N)&&f&&(N=!1===f.call(d,S,"day")),Y.push(this.createItem({disabled:N,picked:P,highlighted:V===m&&I===v&&S.getDate()===w,muted:!0,text:h,view:"day next"}))}for(var j=[],h=1;h<=e;h+=1){for(var A=new Date(r,l,h),o=!1,q=!1,O=(!(o=!(o=a?A.getTime()<a.getTime():o)&&i?A.getTime()>i.getTime():o)&&f&&(o=!1===f.call(d,A,"day")),A.getTime()),W=new Date(r,l,h+1).getTime(),z=0;z<u.length;z+=1){var J=u[z];if(J.getTime()>=O&&J.getTime()<W){q=!0;break}}var E=r===k&&l===D&&h===b,G=E?"day picked":"day";j.push(this.createItem({disabled:o,picked:E,highlighted:r===m&&l===v&&A.getDate()===w,featured:q,text:h,view:o?"day disabled":G}))}this.$monthPrev.toggleClass(c,s),this.$monthNext.toggleClass(c,g),this.$monthCurrent.toggleClass(c,s&&g).html(t.yearFirst?"".concat(r+y," ").concat(p[l]):"".concat(p[l]," ").concat(r).concat(y)),this.$days.html(C.join("")+j.join("")+Y.join(""))}},A="".concat(o,"-top-left"),q="".concat(o,"-top-right"),O="".concat(o,"-bottom-left"),W="".concat(o,"-bottom-right"),z=[A,q,O,W].join(" "),J=function(){function s(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},a=this,i=s;if(!(a instanceof i))throw new TypeError("Cannot call a class as a function");this.$element=F.default(e),this.element=e,this.options=F.default.extend({},f,b[t.language],F.default.isPlainObject(t)&&t),this.$scrollParent=function(e,t){var t=1<arguments.length&&void 0!==t&&t,a=F.default(e),i=a.css("position"),s="absolute"===i,n=t?/auto|scroll|hidden/:/auto|scroll/,t=a.parents().filter(function(e,t){t=F.default(t);return(!s||"static"!==t.css("position"))&&n.test(t.css("overflow")+t.css("overflow-y")+t.css("overflow-x"))}).eq(0);return"fixed"!==i&&t.length?t:F.default(e.ownerDocument||document)}(e,!0),this.built=!1,this.shown=!1,this.isInput=!1,this.inline=!1,this.initialValue="",this.initialDate=null,this.startDate=null,this.endDate=null,this.featuredDates=[],this.init()}var e,t,a;return e=s,a=[{key:"setDefaults",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};F.default.extend(f,b[e.language],F.default.isPlainObject(e)&&e)}}],(t=[{key:"init",value:function(){var t=this,e=this.$element,a=this.options,i=a.startDate,s=a.endDate,n=a.date,r=a.featuredDates,e=(this.$trigger=F.default(a.trigger),this.isInput=e.is("input")||e.is("textarea"),this.inline=a.inline&&(a.container||!this.isInput),this.format=function(a){var e=String(a).toLowerCase(),t=e.match(I);if(!t||0===t.length)throw new Error("Invalid date format.");return a={source:e,parts:t},F.default.each(t,function(e,t){switch(t){case"dd":case"d":a.hasDay=!0;break;case"mm":case"m":a.hasMonth=!0;break;case"yyyy":case"yy":a.hasYear=!0}}),a}(a.format),this.getValue());this.initialValue=e,this.oldValue=e,n=this.parseDate(n||e),i&&(i=this.parseDate(i),n.getTime()<i.getTime()&&(n=new Date(i)),this.startDate=i),s&&(s=this.parseDate(s),i&&s.getTime()<i.getTime()&&(s=new Date(i)),n.getTime()>s.getTime()&&(n=new Date(s)),this.endDate=s),r&&(r=(r=Array.isArray(r)?r:[r]).map(function(e){return t.parseDate(e)}),this.featuredDates=r),this.date=n,this.viewDate=new Date(n),this.initialDate=new Date(this.date),this.bind(),(a.autoShow||this.inline)&&this.show(),a.autoPick&&this.pick()}},{key:"build",value:function(){var e,t,a;this.built||(this.built=!0,e=this.$element,t=this.options,a=F.default(t.template),this.$picker=a,this.$week=a.find(l("week")),this.$yearsPicker=a.find(l("years picker")),this.$yearsPrev=a.find(l("years prev")),this.$yearsNext=a.find(l("years next")),this.$yearsCurrent=a.find(l("years current")),this.$years=a.find(l("years")),this.$monthsPicker=a.find(l("months picker")),this.$yearPrev=a.find(l("year prev")),this.$yearNext=a.find(l("year next")),this.$yearCurrent=a.find(l("year current")),this.$months=a.find(l("months")),this.$daysPicker=a.find(l("days picker")),this.$monthPrev=a.find(l("month prev")),this.$monthNext=a.find(l("month next")),this.$monthCurrent=a.find(l("month current")),this.$days=a.find(l("days")),this.inline?F.default(t.container||e).append(a.addClass("".concat(o,"-inline"))):(F.default(document.body).append(a.addClass("".concat(o,"-dropdown"))),a.addClass(n).attr("tabindex","-1").attr("aria-hidden","true").css({zIndex:parseInt(t.zIndex,10)})),this.renderWeek())}},{key:"unbuild",value:function(){this.built&&(this.built=!1,this.$picker.remove())}},{key:"bind",value:function(){var e=this.options,t=this.$element;F.default.isFunction(e.show)&&t.on(k,e.show),F.default.isFunction(e.hide)&&t.on(g,e.hide),F.default.isFunction(e.pick)&&t.on(m,e.pick),this.isInput&&t.on(y,F.default.proxy(this.keyup,this)),this.inline||(e.trigger?this.$trigger.on(i,F.default.proxy(this.toggle,this)):this.isInput?t.on(p,F.default.proxy(this.show,this)):t.on(i,F.default.proxy(this.show,this)))}},{key:"unbind",value:function(){var e=this.$element,t=this.options;F.default.isFunction(t.show)&&e.off(k,t.show),F.default.isFunction(t.hide)&&e.off(g,t.hide),F.default.isFunction(t.pick)&&e.off(m,t.pick),this.isInput&&e.off(y,this.keyup),this.inline||(t.trigger?this.$trigger.off(i,this.toggle):this.isInput?e.off(p,this.show):e.off(i,this.show))}},{key:"showView",value:function(e){var t=this.$yearsPicker,a=this.$monthsPicker,i=this.$daysPicker,s=this.format;if(s.hasYear||s.hasMonth||s.hasDay)switch(Number(e)){case $:a.addClass(n),i.addClass(n),s.hasYear?(this.renderYears(),t.removeClass(n),this.place()):this.showView(C);break;case d:t.addClass(n),i.addClass(n),s.hasMonth?(this.renderMonths(),a.removeClass(n),this.place()):this.showView($);break;default:t.addClass(n),a.addClass(n),s.hasDay?(this.renderDays(),i.removeClass(n),this.place()):this.showView(d)}}},{key:"hideView",value:function(){!this.inline&&this.options.autoHide&&this.hide()}},{key:"place",value:function(){var e,t,a,d,i,s,n,r,l,h,o;this.inline||(l=this.$element,h=this.options,e=this.$picker,t=F.default(document).outerWidth(),a=F.default(document).outerHeight(),d=l.outerWidth(),i=l.outerHeight(),s=e.width(),n=e.height(),r=(l=l.offset()).left,l=l.top,h=parseFloat(h.offset),o=A,T(h)&&(h=10),n<l&&a<l+i+n?(l-=n+h,o=O):l+=i+h,t<r+s&&(r+=d-s,o=o.replace("left","right")),e.removeClass(z).addClass(o).css({top:l,left:r}))}},{key:"trigger",value:function(e,t){e=F.default.Event(e,t);return this.$element.trigger(e),e}},{key:"createItem",value:function(e){var t=this.options,a=t.itemTag,i={text:"",view:"",muted:!1,picked:!1,disabled:!1,highlighted:!1,featured:!1},s=[];return F.default.extend(i,e),i.muted&&s.push(t.mutedClass),i.highlighted&&s.push(t.highlightedClass),i.picked&&s.push(t.pickedClass),i.disabled&&s.push(t.disabledClass),i.featured&&s.push(t.featuredClass),"<".concat(a).concat(0<s.length?' class="'.concat(s.join(" "),'"'):"").concat(i.view?' data-view="'.concat(i.view,'"'):"").concat(i.title?' title="'.concat(i.title,'"'):"").concat(i.picked?' aria-selected="true"':"",">").concat(i.text,"</").concat(a,">")}},{key:"getValue",value:function(){var e=this.$element;return this.isInput?e.val():e.text()}},{key:"setValue",value:function(){var e=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"",t=this.$element;this.isInput?t.val(e):this.inline&&!this.options.container||t.text(e)}}])&&h(e.prototype,t),a&&h(e,a),Object.defineProperty(e,"prototype",{writable:!1}),s}();F.default.extend&&F.default.extend(J.prototype,j,a,e),F.default.fn&&(P=F.default.fn.datepicker,F.default.fn.datepicker=function(r){for(var l,e=arguments.length,h=new Array(1<e?e-1:0),t=1;t<e;t++)h[t-1]=arguments[t];return this.each(function(e,t){var a=F.default(t),i="destroy"===r;if(!(n=a.data(o))){if(i)return;var s=F.default.extend({},a.data(),F.default.isPlainObject(r)&&r),n=new J(t,s);a.data(o,n)}u(r)&&(t=n[r],F.default.isFunction(t)&&(l=t.apply(n,h),i&&a.removeData(o)))}),Y(l)?this:l},F.default.fn.datepicker.Constructor=J,F.default.fn.datepicker.languages=b,F.default.fn.datepicker.setDefaults=J.setDefaults,F.default.fn.datepicker.noConflict=function(){return F.default.fn.datepicker=P,this})});
\ No newline at end of file
diff --git a/docs/css/datepicker.css b/docs/css/datepicker.css
index 63a2282..d57d159 100644
--- a/docs/css/datepicker.css
+++ b/docs/css/datepicker.css
@@ -1,13 +1,12 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:57.089Z
+ * Date: 2022-02-15T13:33:47.813Z
  */
-
 .datepicker-container {
   background-color: #fff;
   direction: ltr;
@@ -25,18 +24,18 @@
       -ms-user-select: none;
           user-select: none;
   width: 210px;
-  z-index: -1
+  z-index: -1;
 }
 
 .datepicker-container::before,
-  .datepicker-container::after {
-    border: 5px solid transparent;
-    content: " ";
-    display: block;
-    height: 0;
-    position: absolute;
-    width: 0;
-  }
+.datepicker-container::after {
+  border: 5px solid transparent;
+  content: " ";
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
 
 .datepicker-dropdown {
   border: 1px solid #ccc;
@@ -54,146 +53,157 @@
 
 .datepicker-top-left,
 .datepicker-top-right {
-  border-top-color: #39f
+  border-top-color: #39f;
+}
+
+.datepicker-top-left::before,
+.datepicker-top-left::after,
+.datepicker-top-right::before,
+.datepicker-top-right::after {
+  border-top: 0;
+  left: 10px;
+  top: -5px;
 }
 
 .datepicker-top-left::before,
-  .datepicker-top-right::before,
-  .datepicker-top-left::after,
-  .datepicker-top-right::after {
-    border-top: 0;
-    left: 10px;
-    top: -5px;
-  }
-
-.datepicker-top-left::before, .datepicker-top-right::before {
-    border-bottom-color: #39f;
-  }
-
-.datepicker-top-left::after, .datepicker-top-right::after {
-    border-bottom-color: #fff;
-    top: -4px;
-  }
+.datepicker-top-right::before {
+  border-bottom-color: #39f;
+}
+
+.datepicker-top-left::after,
+.datepicker-top-right::after {
+  border-bottom-color: #fff;
+  top: -4px;
+}
 
 .datepicker-bottom-left,
 .datepicker-bottom-right {
-  border-bottom-color: #39f
+  border-bottom-color: #39f;
 }
 
 .datepicker-bottom-left::before,
-  .datepicker-bottom-right::before,
-  .datepicker-bottom-left::after,
-  .datepicker-bottom-right::after {
-    border-bottom: 0;
-    bottom: -5px;
-    left: 10px;
-  }
-
-.datepicker-bottom-left::before, .datepicker-bottom-right::before {
-    border-top-color: #39f;
-  }
-
-.datepicker-bottom-left::after, .datepicker-bottom-right::after {
-    border-top-color: #fff;
-    bottom: -4px;
-  }
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  border-bottom: 0;
+  bottom: -5px;
+  left: 10px;
+}
+
+.datepicker-bottom-left::before,
+.datepicker-bottom-right::before {
+  border-top-color: #39f;
+}
+
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::after {
+  border-top-color: #fff;
+  bottom: -4px;
+}
 
 .datepicker-top-right::before,
-  .datepicker-bottom-right::before,
-  .datepicker-top-right::after,
-  .datepicker-bottom-right::after {
-    left: auto;
-    right: 10px;
-  }
+.datepicker-top-right::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  left: auto;
+  right: 10px;
+}
 
 .datepicker-panel > ul {
-    margin: 0;
-    padding: 0;
-    width: 102%
-  }
+  margin: 0;
+  padding: 0;
+  width: 102%;
+}
 
 .datepicker-panel > ul::before,
-    .datepicker-panel > ul::after {
-      content: " ";
-      display: table;
-    }
+.datepicker-panel > ul::after {
+  content: " ";
+  display: table;
+}
 
 .datepicker-panel > ul::after {
-      clear: both;
-    }
+  clear: both;
+}
 
 .datepicker-panel > ul > li {
-      background-color: #fff;
-      cursor: pointer;
-      float: left;
-      height: 30px;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-      text-align: center;
-      width: 30px
-    }
+  background-color: #fff;
+  cursor: pointer;
+  float: left;
+  height: 30px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  width: 30px;
+}
 
 .datepicker-panel > ul > li:hover {
-        background-color: rgb(229, 242, 255);
-      }
+  background-color: #e5f2ff;
+}
 
 .datepicker-panel > ul > li.muted,
-      .datepicker-panel > ul > li.muted:hover {
-        color: #999;
-      }
+.datepicker-panel > ul > li.muted:hover {
+  color: #999;
+}
 
 .datepicker-panel > ul > li.highlighted {
-        background-color: rgb(229, 242, 255)
-      }
+  background-color: #e5f2ff;
+}
 
 .datepicker-panel > ul > li.highlighted:hover {
-          background-color: rgb(204, 229, 255);
-        }
+  background-color: #cce5ff;
+}
 
 .datepicker-panel > ul > li.picked,
-      .datepicker-panel > ul > li.picked:hover {
-        color: #39f;
-      }
+.datepicker-panel > ul > li.picked:hover {
+  color: #39f;
+}
 
 .datepicker-panel > ul > li.disabled,
-      .datepicker-panel > ul > li.disabled:hover {
-        background-color: #fff;
-        color: #ccc;
-        cursor: default
-      }
+.datepicker-panel > ul > li.disabled:hover {
+  background-color: #fff;
+  color: #ccc;
+  cursor: default;
+}
 
-.datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled.highlighted:hover {
-          background-color: rgb(229, 242, 255);
-        }
+.datepicker-panel > ul > li.disabled.highlighted,
+.datepicker-panel > ul > li.disabled:hover.highlighted {
+  background-color: #e5f2ff;
+}
+
+.datepicker-panel > ul > li.featured,
+.datepicker-panel > ul > li.featured:hover {
+  color: #5f9ea0;
+}
 
 .datepicker-panel > ul > li[data-view="years prev"],
-      .datepicker-panel > ul > li[data-view="year prev"],
-      .datepicker-panel > ul > li[data-view="month prev"],
-      .datepicker-panel > ul > li[data-view="years next"],
-      .datepicker-panel > ul > li[data-view="year next"],
-      .datepicker-panel > ul > li[data-view="month next"],
-      .datepicker-panel > ul > li[data-view="next"] {
-        font-size: 18px;
-      }
+.datepicker-panel > ul > li[data-view="year prev"],
+.datepicker-panel > ul > li[data-view="month prev"],
+.datepicker-panel > ul > li[data-view="years next"],
+.datepicker-panel > ul > li[data-view="year next"],
+.datepicker-panel > ul > li[data-view="month next"],
+.datepicker-panel > ul > li[data-view=next] {
+  font-size: 18px;
+}
 
 .datepicker-panel > ul > li[data-view="years current"],
-      .datepicker-panel > ul > li[data-view="year current"],
-      .datepicker-panel > ul > li[data-view="month current"] {
-        width: 150px;
-      }
-
-.datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li {
-        height: 52.5px;
-        line-height: 52.5px;
-        width: 52.5px;
-      }
-
-.datepicker-panel > ul[data-view="week"] > li,
-      .datepicker-panel > ul[data-view="week"] > li:hover {
-        background-color: #fff;
-        cursor: default;
-      }
+.datepicker-panel > ul > li[data-view="year current"],
+.datepicker-panel > ul > li[data-view="month current"] {
+  width: 150px;
+}
+
+.datepicker-panel > ul[data-view=years] > li,
+.datepicker-panel > ul[data-view=months] > li {
+  height: 52.5px;
+  line-height: 52.5px;
+  width: 52.5px;
+}
+
+.datepicker-panel > ul[data-view=week] > li,
+.datepicker-panel > ul[data-view=week] > li:hover {
+  background-color: #fff;
+  cursor: default;
+}
 
 .datepicker-hide {
   display: none;
diff --git a/docs/css/main.css b/docs/css/main.css
index 0a8bac1..7d8aa8c 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -120,7 +120,7 @@
 
 .docs-options > .input-group .input-group-text {
   justify-content: center;
-  min-width: 6rem;
+  min-width: 8rem;
 }
 
 .docs-actions > .input-group,
diff --git a/docs/index.html b/docs/index.html
index 32f85f3..4e0e636 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -62,7 +62,7 @@
     <div class="container">
       <div class="row">
         <div class="col-md">
-        <h1>Datepicker <small class="h6">v1.0.10</small></h1>
+        <h1>Datepicker <small class="h6">v1.0.11</small></h1>
         <p class="lead">A simple jQuery datepicker plugin.</p>
         </div>
         <div class="col-md">
@@ -119,6 +119,12 @@ <h3 class="page-header">Options</h3>
             </div>
             <input type="text" class="form-control" name="endDate" aria-describedby="option-endDate" placeholder="null">
           </div>
+          <div class="input-group">
+            <div class="input-group-prepend">
+              <span class="input-group-text" id="option-featuredDates">featuredDates</span>
+            </div>
+            <input type="text" class="form-control" name="featuredDates" aria-describedby="option-featuredDates" placeholder="null">
+          </div>
           <div class="input-group">
             <div class="input-group-prepend">
               <span class="input-group-text" id="option-language">language</span>
diff --git a/docs/js/datepicker.js b/docs/js/datepicker.js
index 5acf77f..7054210 100644
--- a/docs/js/datepicker.js
+++ b/docs/js/datepicker.js
@@ -1,11 +1,11 @@
 /*!
- * Datepicker v1.0.10
+ * Datepicker v1.0.11
  * https://fengyuanchen.github.io/datepicker
  *
  * Copyright 2014-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-02-15T10:47:58.195Z
+ * Date: 2022-02-15T13:33:48.926Z
  */
 
 (function (global, factory) {
@@ -97,6 +97,8 @@
     disabledClass: 'disabled',
     // A class (CSS) for highlight date item
     highlightedClass: 'highlighted',
+    // A class (CSS) for featured date item
+    featuredClass: 'featured',
     // The template of the datepicker
     template: '<div class="datepicker-container">' + '<div class="datepicker-panel" data-view="years picker">' + '<ul>' + '<li data-view="years prev" role="button" aria-label="Previous twelve years">&lsaquo;</li>' + '<li data-view="years current" role="button" aria-label="Current twelve years"></li>' + '<li data-view="years next" role="button" aria-label="Next twelve years">&rsaquo;</li>' + '</ul>' + '<ul data-view="years"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="months picker">' + '<ul>' + '<li data-view="year prev" role="button" aria-label="Previous year">&lsaquo;</li>' + '<li data-view="year current" role="button" aria-label="Current year"></li>' + '<li data-view="year next" role="button" aria-label="Next year">&rsaquo;</li>' + '</ul>' + '<ul data-view="months"></ul>' + '</div>' + '<div class="datepicker-panel" data-view="days picker">' + '<ul>' + '<li data-view="month prev" role="button" aria-label="Previous month">&lsaquo;</li>' + '<li data-view="month current" role="button" aria-label="Current month"></li>' + '<li data-view="month next" role="button" aria-label="Next month">&rsaquo;</li>' + '</ul>' + '<ul data-view="week"></ul>' + '<ul data-view="days"></ul>' + '</div>' + '</div>',
     // The offset top or bottom of the datepicker from the element
@@ -493,6 +495,24 @@
       }
     },
 
+    /**
+     * Sets the list of featured dates with a new list
+     *
+     * @param dates
+     */
+    setFeaturedDates: function setFeaturedDates(dates) {
+      var _this = this;
+
+      dates = Array.isArray(dates) ? dates : [dates];
+      this.featuredDates = dates.map(function (date) {
+        return _this.parseDate(date);
+      });
+
+      if (this.built) {
+        this.render();
+      }
+    },
+
     /**
      * Parse a date string with the set date format
      *
@@ -826,7 +846,8 @@
     renderYears: function renderYears() {
       var options = this.options,
           startDate = this.startDate,
-          endDate = this.endDate;
+          endDate = this.endDate,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass,
           filter = options.filter,
           yearSuffix = options.yearSuffix;
@@ -844,6 +865,7 @@
       for (i = start; i <= end; i += 1) {
         var date = new Date(viewYear + i, 1, 1);
         var disabled = false;
+        var featured = false;
 
         if (startDate) {
           disabled = date.getFullYear() < startDate.getFullYear();
@@ -867,9 +889,22 @@
 
         var picked = viewYear + i === year;
         var view = picked ? 'year picked' : 'year';
+        var featuredDateLowerLimit = date.getTime();
+        var featuredDateUpperLimit = new Date(viewYear + i + 1, 1, 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         items.push(this.createItem({
           picked: picked,
           disabled: disabled,
+          featured: featured,
           text: viewYear + i,
           view: disabled ? 'year disabled' : view,
           highlighted: date.getFullYear() === thisYear
@@ -885,7 +920,8 @@
       var options = this.options,
           startDate = this.startDate,
           endDate = this.endDate,
-          viewDate = this.viewDate;
+          viewDate = this.viewDate,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass || '';
       var months = options.monthsShort;
       var filter = $__default['default'].isFunction(options.filter) && options.filter;
@@ -903,6 +939,7 @@
       for (i = 0; i <= 11; i += 1) {
         var date = new Date(viewYear, i, 1);
         var disabled = false;
+        var featured = false;
 
         if (startDate) {
           prevDisabled = date.getFullYear() === startDate.getFullYear();
@@ -918,12 +955,25 @@
           disabled = filter.call(this.$element, date, 'month') === false;
         }
 
+        var featuredDateLowerLimit = date.getTime();
+        var featuredDateUpperLimit = new Date(viewYear, i + 1, 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         var picked = viewYear === year && i === month;
         var view = picked ? 'month picked' : 'month';
         items.push(this.createItem({
           disabled: disabled,
           picked: picked,
           highlighted: viewYear === thisYear && date.getMonth() === thisMonth,
+          featured: featured,
           index: i,
           text: months[i],
           view: disabled ? 'month disabled' : view
@@ -941,7 +991,8 @@
           startDate = this.startDate,
           endDate = this.endDate,
           viewDate = this.viewDate,
-          currentDate = this.date;
+          currentDate = this.date,
+          featuredDates = this.featuredDates;
       var disabledClass = options.disabledClass,
           filter = options.filter,
           months = options.months,
@@ -1067,6 +1118,7 @@
         var _date = new Date(viewYear, viewMonth, i);
 
         var _disabled2 = false;
+        var featured = false;
 
         if (startDate) {
           _disabled2 = _date.getTime() < startDate.getTime();
@@ -1080,6 +1132,19 @@
           _disabled2 = filter.call($element, _date, 'day') === false;
         }
 
+        var featuredDateLowerLimit = _date.getTime();
+
+        var featuredDateUpperLimit = new Date(viewYear, viewMonth, i + 1).getTime();
+
+        for (var j = 0; j < featuredDates.length; j += 1) {
+          var featuredDate = featuredDates[j];
+
+          if (featuredDate.getTime() >= featuredDateLowerLimit && featuredDate.getTime() < featuredDateUpperLimit) {
+            featured = true;
+            break;
+          }
+        }
+
         var _picked = viewYear === year && viewMonth === month && i === day;
 
         var view = _picked ? 'day picked' : 'day';
@@ -1087,6 +1152,7 @@
           disabled: _disabled2,
           picked: _picked,
           highlighted: viewYear === thisYear && viewMonth === thisMonth && _date.getDate() === thisDay,
+          featured: featured,
           text: i,
           view: _disabled2 ? 'day disabled' : view
         }));
@@ -1125,17 +1191,21 @@
       this.initialDate = null;
       this.startDate = null;
       this.endDate = null;
+      this.featuredDates = [];
       this.init();
     }
 
     _createClass(Datepicker, [{
       key: "init",
       value: function init() {
+        var _this = this;
+
         var $this = this.$element,
             options = this.options;
         var startDate = options.startDate,
             endDate = options.endDate,
-            date = options.date;
+            date = options.date,
+            featuredDates = options.featuredDates;
         this.$trigger = $__default['default'](options.trigger);
         this.isInput = $this.is('input') || $this.is('textarea');
         this.inline = options.inline && (options.container || !this.isInput);
@@ -1169,6 +1239,14 @@
           this.endDate = endDate;
         }
 
+        if (featuredDates) {
+          featuredDates = Array.isArray(featuredDates) ? featuredDates : [featuredDates];
+          featuredDates = featuredDates.map(function (featuredDate) {
+            return _this.parseDate(featuredDate);
+          });
+          this.featuredDates = featuredDates;
+        }
+
         this.date = date;
         this.viewDate = new Date(date);
         this.initialDate = new Date(this.date);
@@ -1424,7 +1502,8 @@
           muted: false,
           picked: false,
           disabled: false,
-          highlighted: false
+          highlighted: false,
+          featured: false
         };
         var classes = [];
         $__default['default'].extend(item, data);
@@ -1445,6 +1524,10 @@
           classes.push(options.disabledClass);
         }
 
+        if (item.featured) {
+          classes.push(options.featuredClass);
+        }
+
         return "<".concat(itemTag).concat(classes.length > 0 ? " class=\"".concat(classes.join(' '), "\"") : '').concat(item.view ? " data-view=\"".concat(item.view, "\"") : '').concat(item.title ? " title=\"".concat(item.title, "\"") : '').concat(item.picked ? ' aria-selected="true"' : '', ">").concat(item.text, "</").concat(itemTag, ">");
       }
     }, {
diff --git a/package-lock.json b/package-lock.json
index 2bf2f25..60427f2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@chenfengyuan/datepicker",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@chenfengyuan/datepicker",
-      "version": "1.0.10",
+      "version": "1.0.11",
       "license": "MIT",
       "devDependencies": {
         "@babel/core": "^7.17.2",
diff --git a/package.json b/package.json
index bbdc348..cfb2820 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@chenfengyuan/datepicker",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "description": "A simple jQuery datepicker plugin.",
   "main": "dist/datepicker.common.js",
   "module": "dist/datepicker.esm.js",
diff --git a/src/css/datepicker.css b/src/css/datepicker.css
index 1cdc46e..d23f9e9 100644
--- a/src/css/datepicker.css
+++ b/src/css/datepicker.css
@@ -111,6 +111,9 @@
 .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted {
   background-color: #e5f2ff;
 }
+.datepicker-panel > ul > li.featured, .datepicker-panel > ul > li.featured:hover {
+  color: #5f9ea0;
+}
 .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view=next] {
   font-size: 18px;
 }
diff --git a/src/css/datepicker.scss b/src/css/datepicker.scss
index 98faf75..59bee3d 100644
--- a/src/css/datepicker.scss
+++ b/src/css/datepicker.scss
@@ -148,6 +148,11 @@
           }
         }
 
+        &.featured,
+        &.featured:hover {
+          color: #5f9ea0;
+        }
+
         &[data-view="years prev"],
         &[data-view="year prev"],
         &[data-view="month prev"],
diff --git a/src/js/datepicker.js b/src/js/datepicker.js
index 78b3aae..d65e1d7 100644
--- a/src/js/datepicker.js
+++ b/src/js/datepicker.js
@@ -53,12 +53,18 @@ class Datepicker {
     this.initialDate = null;
     this.startDate = null;
     this.endDate = null;
+    this.featuredDates = [];
     this.init();
   }
 
   init() {
     const { $element: $this, options } = this;
-    let { startDate, endDate, date } = options;
+    let {
+      startDate,
+      endDate,
+      date,
+      featuredDates,
+    } = options;
 
     this.$trigger = $(options.trigger);
     this.isInput = $this.is('input') || $this.is('textarea');
@@ -95,6 +101,12 @@ class Datepicker {
       this.endDate = endDate;
     }
 
+    if (featuredDates) {
+      featuredDates = Array.isArray(featuredDates) ? featuredDates : [featuredDates];
+      featuredDates = featuredDates.map((featuredDate) => this.parseDate(featuredDate));
+      this.featuredDates = featuredDates;
+    }
+
     this.date = date;
     this.viewDate = new Date(date);
     this.initialDate = new Date(this.date);
@@ -345,6 +357,7 @@ class Datepicker {
       picked: false,
       disabled: false,
       highlighted: false,
+      featured: false,
     };
     const classes = [];
 
@@ -366,6 +379,10 @@ class Datepicker {
       classes.push(options.disabledClass);
     }
 
+    if (item.featured) {
+      classes.push(options.featuredClass);
+    }
+
     return (`<${itemTag}${classes.length > 0 ? ` class="${classes.join(' ')}"` : ''}${item.view ? ` data-view="${item.view}"` : ''
     }${item.title ? ` title="${item.title}"` : ''}${item.picked ? ' aria-selected="true"' : ''}>${item.text}</${itemTag}>`);
   }
diff --git a/src/js/defaults.js b/src/js/defaults.js
index bb7c398..24fd7ac 100644
--- a/src/js/defaults.js
+++ b/src/js/defaults.js
@@ -76,6 +76,9 @@ export default {
   // A class (CSS) for highlight date item
   highlightedClass: 'highlighted',
 
+  // A class (CSS) for featured date item
+  featuredClass: 'featured',
+
   // The template of the datepicker
   template: (
     '<div class="datepicker-container">'
diff --git a/src/js/methods.js b/src/js/methods.js
index 5fbbd5a..ec6e2ce 100644
--- a/src/js/methods.js
+++ b/src/js/methods.js
@@ -278,6 +278,20 @@ export default {
     }
   },
 
+  /**
+   * Sets the list of featured dates with a new list
+   *
+   * @param dates
+   */
+  setFeaturedDates(dates) {
+    dates = Array.isArray(dates) ? dates : [dates];
+    this.featuredDates = dates.map((date) => this.parseDate(date));
+
+    if (this.built) {
+      this.render();
+    }
+  },
+
   /**
    * Parse a date string with the set date format
    *
diff --git a/src/js/render.js b/src/js/render.js
index 218dc6b..2df0b26 100644
--- a/src/js/render.js
+++ b/src/js/render.js
@@ -30,6 +30,7 @@ export default {
       options,
       startDate,
       endDate,
+      featuredDates,
     } = this;
     const { disabledClass, filter, yearSuffix } = options;
     const viewYear = this.viewDate.getFullYear();
@@ -46,6 +47,7 @@ export default {
     for (i = start; i <= end; i += 1) {
       const date = new Date(viewYear + i, 1, 1);
       let disabled = false;
+      let featured = false;
 
       if (startDate) {
         disabled = date.getFullYear() < startDate.getFullYear();
@@ -70,9 +72,21 @@ export default {
       const picked = (viewYear + i) === year;
       const view = picked ? 'year picked' : 'year';
 
+      const featuredDateLowerLimit = date.getTime();
+      const featuredDateUpperLimit = (new Date(viewYear + i + 1, 1, 1)).getTime();
+      for (let j = 0; j < featuredDates.length; j += 1) {
+        const featuredDate = featuredDates[j];
+        if (featuredDate.getTime() >= featuredDateLowerLimit
+          && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       items.push(this.createItem({
         picked,
         disabled,
+        featured,
         text: viewYear + i,
         view: disabled ? 'year disabled' : view,
         highlighted: date.getFullYear() === thisYear,
@@ -93,6 +107,7 @@ export default {
       startDate,
       endDate,
       viewDate,
+      featuredDates,
     } = this;
     const disabledClass = options.disabledClass || '';
     const months = options.monthsShort;
@@ -111,6 +126,7 @@ export default {
     for (i = 0; i <= 11; i += 1) {
       const date = new Date(viewYear, i, 1);
       let disabled = false;
+      let featured = false;
 
       if (startDate) {
         prevDisabled = date.getFullYear() === startDate.getFullYear();
@@ -126,6 +142,17 @@ export default {
         disabled = filter.call(this.$element, date, 'month') === false;
       }
 
+      const featuredDateLowerLimit = date.getTime();
+      const featuredDateUpperLimit = (new Date(viewYear, i + 1, 1)).getTime();
+      for (let j = 0; j < featuredDates.length; j += 1) {
+        const featuredDate = featuredDates[j];
+        if (featuredDate.getTime() >= featuredDateLowerLimit
+          && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       const picked = viewYear === year && i === month;
       const view = picked ? 'month picked' : 'month';
 
@@ -133,6 +160,7 @@ export default {
         disabled,
         picked,
         highlighted: viewYear === thisYear && date.getMonth() === thisMonth,
+        featured,
         index: i,
         text: months[i],
         view: disabled ? 'month disabled' : view,
@@ -155,6 +183,7 @@ export default {
       endDate,
       viewDate,
       date: currentDate,
+      featuredDates,
     } = this;
     const {
       disabledClass,
@@ -299,6 +328,7 @@ export default {
     for (i = 1; i <= length; i += 1) {
       const date = new Date(viewYear, viewMonth, i);
       let disabled = false;
+      let featured = false;
 
       if (startDate) {
         disabled = date.getTime() < startDate.getTime();
@@ -312,6 +342,17 @@ export default {
         disabled = filter.call($element, date, 'day') === false;
       }
 
+      const featuredDateLowerLimit = date.getTime();
+      const featuredDateUpperLimit = (new Date(viewYear, viewMonth, i + 1)).getTime();
+      for (let j = 0; j < featuredDates.length; j += 1) {
+        const featuredDate = featuredDates[j];
+        if (featuredDate.getTime() >= featuredDateLowerLimit
+          && featuredDate.getTime() < featuredDateUpperLimit) {
+          featured = true;
+          break;
+        }
+      }
+
       const picked = viewYear === year && viewMonth === month && i === day;
       const view = picked ? 'day picked' : 'day';
 
@@ -323,6 +364,7 @@ export default {
           && viewMonth === thisMonth
           && date.getDate() === thisDay
         ),
+        featured,
         text: i,
         view: disabled ? 'day disabled' : view,
       }));
diff --git a/test/methods/setFeaturedDates.js b/test/methods/setFeaturedDates.js
new file mode 100644
index 0000000..85c990f
--- /dev/null
+++ b/test/methods/setFeaturedDates.js
@@ -0,0 +1,8 @@
+QUnit.test('method.setFeaturedDates', function (assert) {
+  var $input = window.createInput();
+  var featuredDates = [new Date(2014, 1, 14)];
+
+  $input.datepicker('setFeaturedDates', featuredDates);
+  assert.equal($input.data('datepicker').featuredDates.length, 1);
+  assert.equal($input.data('datepicker').featuredDates[0].getTime(), featuredDates[0].getTime());
+});
diff --git a/test/options/featuredDates.js b/test/options/featuredDates.js
new file mode 100644
index 0000000..d23f3a2
--- /dev/null
+++ b/test/options/featuredDates.js
@@ -0,0 +1,22 @@
+QUnit.test('options.featuredDates', function (assert) {
+  var $input = window.createInput();
+  var date = new Date(2014, 1, 1);
+  var featuredDates = [new Date(2014, 1, 14)];
+
+  var datepicker = $input.datepicker({
+    date: date,
+    featuredDates: featuredDates
+  }).data('datepicker');
+
+  $input.datepicker('show');
+
+  datepicker.$days.children().each(function (i) {
+    if (i === 19) {
+      assert.ok($(this).hasClass(datepicker.options.featuredClass));
+    } else {
+      assert.ok(!$(this).hasClass(datepicker.options.featuredClass));
+    }
+  });
+
+  $input.datepicker('hide');
+});