diff --git a/ajax/ajax_accSave.php b/ajax/ajax_accSave.php
index 5f767ba8..28994e70 100644
--- a/ajax/ajax_accSave.php
+++ b/ajax/ajax_accSave.php
@@ -64,6 +64,7 @@ $accountLogin = Request::analyze('login');
 $accountPassword = Request::analyzeEncrypted('pass');
 $accountNotes = Request::analyze('notes');
 $accountUrl = Request::analyze('url');
+$accountPassDateChange = Request::analyze('passworddatechange_unix', 0);
 
 // Checks
 $accountGroupEditEnabled = Request::analyze('groupEditEnabled', 0, false, 1);
@@ -93,6 +94,7 @@ $AccountData->setAccountOtherUserEdit($accountUserEditEnabled);
 $AccountData->setAccountOtherGroupEdit($accountGroupEditEnabled);
 $AccountData->setAccountPass($accountPassword);
 $AccountData->setAccountIsPrivate($accountPrivateEnabled);
+$AccountData->setAccountPassDateChange($accountPassDateChange);
 
 if (is_array($accountOtherUsers)) {
     $AccountData->setUsersId($accountOtherUsers);
diff --git a/inc/SP/Account/Account.class.php b/inc/SP/Account/Account.class.php
index e8c4b4b2..e66429d3 100644
--- a/inc/SP/Account/Account.class.php
+++ b/inc/SP/Account/Account.class.php
@@ -253,6 +253,8 @@ class Account extends AccountBase implements AccountInterface
             . 'dst.account_otherGroupEdit = src.acchistory_otherGroupEdit + 0,'
             . 'dst.account_pass = src.acchistory_pass,'
             . 'dst.account_IV = src.acchistory_IV '
+            . 'dst.account_passDate = src.acchistory_passDate,'
+            . 'dst.account_passDateChange = src.acchistory_passDateChange '
             . 'WHERE dst.account_id = :accountId';
 
         $Data = new QueryData();
@@ -335,7 +337,9 @@ class Account extends AccountBase implements AccountInterface
             . 'account_userGroupId = :accountUserGroupId,'
             . 'account_otherUserEdit = :accountOtherUserEdit,'
             . 'account_otherGroupEdit = :accountOtherGroupEdit,'
-            . 'account_isPrivate = :accountIsPrivate';
+            . 'account_isPrivate = :accountIsPrivate,'
+            . 'account_passDate = UNIX_TIMESTAMP(),'
+            . 'account_passDateChange = :accountPassDateChange';
 
         $Data = new QueryData();
         $Data->setQuery($query);
@@ -352,6 +356,7 @@ class Account extends AccountBase implements AccountInterface
         $Data->addParam($this->accountData->getAccountOtherUserEdit(), 'accountOtherUserEdit');
         $Data->addParam($this->accountData->getAccountOtherGroupEdit(), 'accountOtherGroupEdit');
         $Data->addParam($this->accountData->getAccountIsPrivate(), 'accountIsPrivate');
+        $Data->addParam($this->accountData->getAccountPassDateChange(), 'accountPassDateChange');
 
         if (DB::getQuery($Data) === false) {
             return false;
@@ -640,7 +645,9 @@ class Account extends AccountBase implements AccountInterface
             . 'account_pass = :accountPass,'
             . 'account_IV = :accountIV,'
             . 'account_userEditId = :accountUserEditId,'
-            . 'account_dateEdit = NOW() '
+            . 'account_dateEdit = NOW(), '
+            . 'account_passDate = UNIX_TIMESTAMP(), '
+            . 'account_passDateChange = :accountPassDateChange '
             . 'WHERE account_id = :accountId';
 
         $Data = new QueryData();
@@ -649,6 +656,7 @@ class Account extends AccountBase implements AccountInterface
         $Data->addParam($this->accountData->getAccountIV(), 'accountIV');
         $Data->addParam($this->accountData->getAccountUserEditId(), 'accountUserEditId');
         $Data->addParam($this->accountData->getAccountId(), 'accountId');
+        $Data->addParam($this->accountData->getAccountPassDateChange(), 'accountPassDateChange');
 
 
         if (DB::getQuery($Data) === false) {
diff --git a/inc/SP/Account/AccountSearch.class.php b/inc/SP/Account/AccountSearch.class.php
index fdfb4c9e..1e49bd27 100644
--- a/inc/SP/Account/AccountSearch.class.php
+++ b/inc/SP/Account/AccountSearch.class.php
@@ -484,7 +484,7 @@ class AccountSearch
      */
     private function analyzeQueryString()
     {
-        preg_match('/(user|group|file|tag):(.*)/i', $this->txtSearch, $filters);
+        preg_match('/(user|group|file|tag|expired):(.*)/i', $this->txtSearch, $filters);
 
         if (!is_array($filters) || count($filters) === 0) {
             return [];
@@ -497,7 +497,7 @@ class AccountSearch
                 $UserData = User::getItem()->getByLogin($filters[2])->getItemData();
                 $filtersData[] = [
                     'type' => 'user',
-                    'query' => '(account_userId = ? OR accuser_userId ?)',
+                    'query' => 'account_userId = ? OR accuser_userId ?',
                     'values' => [$UserData->getUserId(), $UserData->getUserId()]
                 ];
                 break;
@@ -505,7 +505,7 @@ class AccountSearch
                 $GroupData = GroupUtil::getGroupIdByName($filters[2]);
                 $filtersData[] = [
                     'type' => 'group',
-                    'query' => '(account_userGroupId = ? OR accgroup_groupId ?)',
+                    'query' => 'account_userGroupId = ? OR accgroup_groupId ?',
                     'values' => [$GroupData->getUsergroupId(), $GroupData->getUsergroupId()]
                 ];
                 break;
@@ -524,6 +524,14 @@ class AccountSearch
                         'values' => [$filters[2]]
                     ];
                 break;
+            case 'expired':
+                $filtersData[] =
+                    [
+                        'type' => 'expired',
+                        'query' => 'account_passDateChange > 0 AND UNIX_TIMESTAMP() > account_passDateChange',
+                        'values' => []
+                    ];
+                break;
             default:
                 return $filtersData;
         }
diff --git a/inc/SP/Account/AccountsSearchItem.class.php b/inc/SP/Account/AccountsSearchItem.class.php
index fd185563..b2bcb862 100644
--- a/inc/SP/Account/AccountsSearchItem.class.php
+++ b/inc/SP/Account/AccountsSearchItem.class.php
@@ -369,4 +369,14 @@ class AccountsSearchItem
 
         return $accountNotes;
     }
+
+    /**
+     * Develve si la clave ha caducado
+     *
+     * @return bool
+     */
+    public function isPasswordExpired()
+    {
+        return $this->AccountSearchData->getAccountPassDateChange() > 0 && time() > $this->AccountSearchData->getAccountPassDateChange();
+    }
 }
\ No newline at end of file
diff --git a/inc/SP/Controller/AccountController.class.php b/inc/SP/Controller/AccountController.class.php
index b1364ce0..c75cfdcf 100644
--- a/inc/SP/Controller/AccountController.class.php
+++ b/inc/SP/Controller/AccountController.class.php
@@ -133,7 +133,6 @@ class AccountController extends ControllerBase implements ActionsInterface
                 'icon' => $this->icons->getIconAdd()->getIcon()
             ]
         );
-        $this->view->assign('nextaction', Acl::ACTION_ACC_NEW);
 
         Session::setLastAcountId(0);
         $this->setCommonData();
@@ -184,6 +183,9 @@ class AccountController extends ControllerBase implements ActionsInterface
 
             $publicLinkUrl = (Checks::publicLinksIsEnabled() && $this->AccountData->getPublicLinkHash() ? Init::$WEBURI . '/?h=' . $this->AccountData->getPublicLinkHash() . '&a=link' : '');
             $this->view->assign('publicLinkUrl', $publicLinkUrl);
+
+            $this->view->assign('accountPassDate', gmdate('Y-m-d H:i:s', $this->AccountData->getAccountPassDate()));
+            $this->view->assign('accountPassDateChange', gmdate('Y-m-d', $this->AccountData->getAccountPassDateChange()));
         }
 
         $this->view->assign('actionId', $this->getAction());
@@ -257,7 +259,6 @@ class AccountController extends ControllerBase implements ActionsInterface
                 'icon' => $this->icons->getIconCopy()->getIcon()
             ]
         );
-        $this->view->assign('nextaction', self::ACTION_ACC_COPY);
 
         $this->setCommonData();
     }
@@ -313,7 +314,6 @@ class AccountController extends ControllerBase implements ActionsInterface
                 'icon' => $this->icons->getIconEdit()->getIcon()
             ]
         );
-        $this->view->assign('nextaction', self::ACTION_ACC_VIEW);
 
         $this->setCommonData();
     }
@@ -448,7 +448,8 @@ class AccountController extends ControllerBase implements ActionsInterface
                 'icon' => $this->icons->getIconEditPass()->getIcon()
             ]
         );
-        $this->view->assign('nextaction', self::ACTION_ACC_VIEW);
+
+        $this->view->assign('accountPassDateChange', gmdate('Y-m-d', $this->AccountData->getAccountPassDateChange()));
     }
 
     /**
diff --git a/inc/SP/DataModel/AccountData.class.php b/inc/SP/DataModel/AccountData.class.php
index a24a8f11..6d16261b 100644
--- a/inc/SP/DataModel/AccountData.class.php
+++ b/inc/SP/DataModel/AccountData.class.php
@@ -113,6 +113,15 @@ class AccountData extends DataModelBase implements JsonSerializable, DataModelIn
      * @var int
      */
     public $account_isPrivate = 0;
+    /**
+     * @var int
+     */
+    public $account_passDate = 0;
+    /**
+     * @var int
+     */
+    public $account_passDateChange = 0;
+
 
     /**
      * AccountData constructor.
@@ -460,4 +469,36 @@ class AccountData extends DataModelBase implements JsonSerializable, DataModelIn
     {
         $this->account_isPrivate = (int)$account_isPrivate;
     }
+
+    /**
+     * @return int
+     */
+    public function getAccountPassDate()
+    {
+        return (int)$this->account_passDate;
+    }
+
+    /**
+     * @param int $account_passDate
+     */
+    public function setAccountPassDate($account_passDate)
+    {
+        $this->account_passDate = (int)$account_passDate;
+    }
+
+    /**
+     * @return int
+     */
+    public function getAccountPassDateChange()
+    {
+        return (int)$this->account_passDateChange;
+    }
+
+    /**
+     * @param int $account_passDateChange
+     */
+    public function setAccountPassDateChange($account_passDateChange)
+    {
+        $this->account_passDateChange = (int)$account_passDateChange;
+    }
 }
\ No newline at end of file
diff --git a/inc/sql/1.3.16100601.sql b/inc/sql/1.3.16100601.sql
index c1fa56f5..5b4a3218 100644
--- a/inc/sql/1.3.16100601.sql
+++ b/inc/sql/1.3.16100601.sql
@@ -231,74 +231,18 @@ REFERENCES `usrGroups` (`usergroup_id`)
   ON DELETE CASCADE
   ON UPDATE CASCADE;
 
-CREATE ALGORITHM = UNDEFINED
-  DEFINER = CURRENT_USER
-  SQL SECURITY DEFINER VIEW `account_search_v` AS
-  SELECT DISTINCT
-    `accounts`.`account_id`                                            AS `account_id`,
-    `accounts`.`account_customerId`                                    AS `account_customerId`,
-    `accounts`.`account_categoryId`                                    AS `account_categoryId`,
-    `accounts`.`account_name`                                          AS `account_name`,
-    `accounts`.`account_login`                                         AS `account_login`,
-    `accounts`.`account_url`                                           AS `account_url`,
-    `accounts`.`account_notes`                                         AS `account_notes`,
-    `accounts`.`account_userId`                                        AS `account_userId`,
-    `accounts`.`account_userGroupId`                                   AS `account_userGroupId`,
-    `accounts`.`account_otherUserEdit`                                 AS `account_otherUserEdit`,
-    `accounts`.`account_otherGroupEdit`                                AS `account_otherGroupEdit`,
-    `accounts`.`account_isPrivate`                                     AS `account_isPrivate`,
-    `ug`.`usergroup_name`                                              AS `usergroup_name`,
-    `categories`.`category_name`                                       AS `category_name`,
-    `customers`.`customer_name`                                        AS `customer_name`,
-    (SELECT count(0)
-     FROM `accFiles`
-     WHERE (`accFiles`.`accfile_accountId` = `accounts`.`account_id`)) AS `num_files`
-  FROM (((`accounts`
-    LEFT JOIN `categories` ON ((`accounts`.`account_categoryId` = `categories`.`category_id`))) LEFT JOIN
-    `usrGroups` `ug` ON ((`accounts`.`account_userGroupId` = `ug`.`usergroup_id`))) LEFT JOIN `customers`
-      ON ((`customers`.`customer_id` = `accounts`.`account_customerId`)));
-
+CREATE ALGORITHM=UNDEFINED DEFINER = CURRENT_USER SQL SECURITY DEFINER VIEW `account_search_v` AS select distinct `accounts`.`account_id` AS `account_id`,`accounts`.`account_customerId` AS `account_customerId`,`accounts`.`account_categoryId` AS `account_categoryId`,`accounts`.`account_name` AS `account_name`,`accounts`.`account_login` AS `account_login`,`accounts`.`account_url` AS `account_url`,`accounts`.`account_notes` AS `account_notes`,`accounts`.`account_userId` AS `account_userId`,`accounts`.`account_userGroupId` AS `account_userGroupId`,`accounts`.`account_otherUserEdit` AS `account_otherUserEdit`,`accounts`.`account_otherGroupEdit` AS `account_otherGroupEdit`,`accounts`.`account_isPrivate` AS `account_isPrivate`,`accounts`.`account_passDate` AS `account_passDate`,`accounts`.`account_passDateChange` AS `account_passDateChange`,`ug`.`usergroup_name` AS `usergroup_name`,`categories`.`category_name` AS `category_name`,`customers`.`customer_name` AS `customer_name`,(select count(0) from `accFiles` where (`accFiles`.`accfile_accountId` = `accounts`.`account_id`)) AS `num_files` from (((`accounts` left join `categories` on((`accounts`.`account_categoryId` = `categories`.`category_id`))) left join `usrGroups` `ug` on((`accounts`.`account_userGroupId` = `ug`.`usergroup_id`))) left join `customers` on((`customers`.`customer_id` = `accounts`.`account_customerId`)));
 
 ALTER TABLE `accounts`
   ADD COLUMN `account_isPrivate` BIT(1) NULL DEFAULT b'0'
   AFTER `account_otherUserEdit`;
 
-CREATE
-  ALGORITHM = UNDEFINED
-  DEFINER = CURRENT_USER
-  SQL SECURITY DEFINER
-VIEW `account_data_v` AS
-  SELECT
-    `accounts`.`account_id`             AS `account_id`,
-    `accounts`.`account_name`           AS `account_name`,
-    `accounts`.`account_categoryId`     AS `account_categoryId`,
-    `accounts`.`account_userId`         AS `account_userId`,
-    `accounts`.`account_customerId`     AS `account_customerId`,
-    `accounts`.`account_userGroupId`    AS `account_userGroupId`,
-    `accounts`.`account_userEditId`     AS `account_userEditId`,
-    `accounts`.`account_login`          AS `account_login`,
-    `accounts`.`account_url`            AS `account_url`,
-    `accounts`.`account_notes`          AS `account_notes`,
-    `accounts`.`account_countView`      AS `account_countView`,
-    `accounts`.`account_countDecrypt`   AS `account_countDecrypt`,
-    `accounts`.`account_dateAdd`        AS `account_dateAdd`,
-    `accounts`.`account_dateEdit`       AS `account_dateEdit`,
-    `accounts`.`account_otherUserEdit`  AS `account_otherUserEdit`,
-    `accounts`.`account_otherGroupEdit` AS `account_otherGroupEdit`,
-    `accounts`.`account_isPrivate`      AS `account_isPrivate`,
-    `categories`.`category_name`        AS `category_name`,
-    `customers`.`customer_name`         AS `customer_name`,
-    `ug`.`usergroup_name`               AS `usergroup_name`,
-    `u1`.`user_name`                    AS `user_name`,
-    `u1`.`user_login`                   AS `user_login`,
-    `u2`.`user_name`                    AS `user_editName`,
-    `u2`.`user_login`                   AS `user_editLogin`,
-    `publicLinks`.`publicLink_hash`     AS `publicLink_hash`
-  FROM
-    ((((((`accounts`
-      LEFT JOIN `categories` ON ((`accounts`.`account_categoryId` = `categories`.`category_id`)))
-      LEFT JOIN `usrGroups` `ug` ON ((`accounts`.`account_userGroupId` = `ug`.`usergroup_id`)))
-      LEFT JOIN `usrData` `u1` ON ((`accounts`.`account_userId` = `u1`.`user_id`)))
-      LEFT JOIN `usrData` `u2` ON ((`accounts`.`account_userEditId` = `u2`.`user_id`)))
-      LEFT JOIN `customers` ON ((`accounts`.`account_customerId` = `customers`.`customer_id`)))
-      LEFT JOIN `publicLinks` ON ((`accounts`.`account_id` = `publicLinks`.`publicLink_itemId`)))
\ No newline at end of file
+CREATE ALGORITHM=UNDEFINED DEFINER = CURRENT_USER SQL SECURITY DEFINER VIEW `account_data_v` AS select `accounts`.`account_id` AS `account_id`,`accounts`.`account_name` AS `account_name`,`accounts`.`account_categoryId` AS `account_categoryId`,`accounts`.`account_userId` AS `account_userId`,`accounts`.`account_customerId` AS `account_customerId`,`accounts`.`account_userGroupId` AS `account_userGroupId`,`accounts`.`account_userEditId` AS `account_userEditId`,`accounts`.`account_login` AS `account_login`,`accounts`.`account_url` AS `account_url`,`accounts`.`account_notes` AS `account_notes`,`accounts`.`account_countView` AS `account_countView`,`accounts`.`account_countDecrypt` AS `account_countDecrypt`,`accounts`.`account_dateAdd` AS `account_dateAdd`,`accounts`.`account_dateEdit` AS `account_dateEdit`,`accounts`.`account_otherUserEdit` AS `account_otherUserEdit`,`accounts`.`account_otherGroupEdit` AS `account_otherGroupEdit`,`accounts`.`account_isPrivate` AS `account_isPrivate`,`accounts`.`account_passDate` AS `account_passDate`,`accounts`.`account_passDateChange` AS `account_passDateChange`,`categories`.`category_name` AS `category_name`,`customers`.`customer_name` AS `customer_name`,`ug`.`usergroup_name` AS `usergroup_name`,`u1`.`user_name` AS `user_name`,`u1`.`user_login` AS `user_login`,`u2`.`user_name` AS `user_editName`,`u2`.`user_login` AS `user_editLogin`,`publicLinks`.`publicLink_hash` AS `publicLink_hash` from ((((((`accounts` left join `categories` on((`accounts`.`account_categoryId` = `categories`.`category_id`))) left join `usrGroups` `ug` on((`accounts`.`account_userGroupId` = `ug`.`usergroup_id`))) left join `usrData` `u1` on((`accounts`.`account_userId` = `u1`.`user_id`))) left join `usrData` `u2` on((`accounts`.`account_userEditId` = `u2`.`user_id`))) left join `customers` on((`accounts`.`account_customerId` = `customers`.`customer_id`))) left join `publicLinks` on((`accounts`.`account_id` = `publicLinks`.`publicLink_itemId`)));
+
+ALTER TABLE `accounts`
+  ADD COLUMN `account_passDate` INT UNSIGNED NULL AFTER `account_isPrivate`,
+  ADD COLUMN `account_passDateChange` INT UNSIGNED NULL AFTER `account_passDate`;
+
+ALTER TABLE `accHistory`
+  ADD COLUMN `accHistory_passDate` INT UNSIGNED NULL AFTER `accHistory_otherGroupEdit`,
+  ADD COLUMN `accHistory_passDateChange` INT UNSIGNED NULL AFTER `accHistory_passDate`;
\ No newline at end of file
diff --git a/inc/sql/dbstructure.sql b/inc/sql/dbstructure.sql
index 151dc4a3..bbaaf849 100644
--- a/inc/sql/dbstructure.sql
+++ b/inc/sql/dbstructure.sql
@@ -112,6 +112,9 @@ CREATE TABLE `accounts` (
   `account_dateEdit` datetime DEFAULT NULL,
   `account_otherGroupEdit` bit(1) DEFAULT b'0',
   `account_otherUserEdit` bit(1) DEFAULT b'0',
+  `account_isPrivate` bit(1) DEFAULT b'0',
+  `account_passDate` int(11) unsigned DEFAULT NULL,
+  `account_passDateChange` int(11) unsigned DEFAULT NULL,
   PRIMARY KEY (`account_id`),
   KEY `IDX_categoryId` (`account_categoryId`),
   KEY `IDX_userId` (`account_userGroupId`,`account_userId`),
@@ -119,7 +122,7 @@ CREATE TABLE `accounts` (
   KEY `fk_accounts_user_id` (`account_userId`),
   KEY `fk_accounts_user_edit_id` (`account_userEditId`),
   CONSTRAINT `fk_accounts_user_id` FOREIGN KEY (`account_userId`) REFERENCES `usrData` (`user_id`) ON DELETE NO ACTION ON UPDATE NO ACTION
-) ENGINE=InnoDB AUTO_INCREMENT=0 DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 DROP TABLE IF EXISTS `accFavorites`;
@@ -191,6 +194,8 @@ CREATE TABLE `accHistory` (
   `acchistory_mPassHash` varbinary(255) NOT NULL,
   `accHistory_otherUserEdit` bit(1) DEFAULT b'0',
   `accHistory_otherGroupEdit` bit(1) DEFAULT b'0',
+  `accHistory_passDate` int(10) unsigned DEFAULT NULL,
+  `accHistory_passDateChange` int(10) unsigned DEFAULT NULL,
   PRIMARY KEY (`acchistory_id`),
   KEY `IDX_accountId` (`acchistory_accountId`),
   KEY `fk_accHistory_users_edit_id_idx` (`acchistory_userEditId`),
@@ -198,7 +203,7 @@ CREATE TABLE `accHistory` (
   KEY `fk_accHistory_categories_id` (`acchistory_categoryId`),
   KEY `fk_accHistory_customers_id` (`acchistory_customerId`),
   CONSTRAINT `fk_accHistory_users_id` FOREIGN KEY (`acchistory_userId`) REFERENCES `usrData` (`user_id`) ON DELETE NO ACTION ON UPDATE CASCADE
-) ENGINE=InnoDB AUTO_INCREMENT=0 DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB AUTO_INCREMENT=15 DEFAULT CHARSET=utf8;
 /*!40101 SET character_set_client = @saved_cs_client */;
 
 DROP TABLE IF EXISTS `accTags`;
diff --git a/inc/themes/material-blue/css/bootstrap-material-datetimepicker.css b/inc/themes/material-blue/css/bootstrap-material-datetimepicker.css
new file mode 100644
index 00000000..17664bd7
--- /dev/null
+++ b/inc/themes/material-blue/css/bootstrap-material-datetimepicker.css
@@ -0,0 +1,215 @@
+.dtp {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.2);
+    z-index: 2000;
+    font-size: 15px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.dtp > .dtp-content {
+    background: #fff;
+    max-width: 300px;
+    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+    max-height: 520px;
+    position: relative;
+    left: 50%;
+}
+
+.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
+    background: #607D8B;
+    color: #fff;
+    text-align: center;
+    padding: 0.3em;
+}
+
+.dtp div.dtp-date, .dtp div.dtp-time {
+    background: #607D8B;
+    text-align: center;
+    color: #fff;
+    padding: 10px;
+}
+
+.dtp div.dtp-date > div {
+    padding: 0;
+    margin: 0;
+}
+
+.dtp div.dtp-actual-month {
+    font-size: 1.5em;
+}
+
+.dtp div.dtp-actual-num {
+    font-size: 3em;
+    line-height: 0.9;
+}
+
+.dtp div.dtp-actual-maxtime {
+    font-size: 3em;
+    line-height: 0.9;
+}
+
+.dtp div.dtp-actual-year {
+    font-size: 1.5em;
+    color: #fff;
+}
+
+.dtp div.dtp-picker {
+    padding: 1em;
+    text-align: center;
+}
+
+.dtp div.dtp-picker-month, .dtp div.dtp-actual-time {
+    font-weight: 500;
+    text-align: center;
+}
+
+.dtp div.dtp-picker-month {
+    padding-bottom: 20px !important;
+    text-transform: uppercase !important;
+}
+
+.dtp .dtp-close {
+    position: absolute;
+    top: 0.5em;
+    right: 1em;
+}
+
+.dtp .dtp-close > a {
+    color: #fff;
+}
+
+.dtp .dtp-close > a > i {
+    font-size: 1em;
+}
+
+.dtp table.dtp-picker-days {
+    margin: 0;
+    min-height: 251px;
+}
+
+.dtp table.dtp-picker-days, .dtp table.dtp-picker-days tr, .dtp table.dtp-picker-days tr > td {
+    border: none;
+}
+
+.dtp table.dtp-picker-days tr > td {
+    font-weight: 700;
+    text-align: center;
+    padding: 0.5em;
+}
+
+.dtp table.dtp-picker-days tr > td > span.dtp-select-day {
+    color: #BDBDBD !important;
+    padding: 0.4em 0.5em 0.5em 0.6em;
+}
+
+.dtp table.dtp-picker-days tr > td > a, .dtp .dtp-picker-time > a {
+    color: #212121;
+    text-decoration: none;
+    padding: 0.4em;
+    border-radius: 5px !important;
+}
+
+.dtp table.dtp-picker-days tr > td > a.selected {
+    background: #607D8B;
+    color: #fff;
+}
+
+.dtp table.dtp-picker-days tr > th {
+    color: #757575;
+    text-align: center;
+    font-weight: 700;
+    padding: 0.4em 0.3em;
+}
+
+.dtp .p10 > a {
+    color: #fff;
+    text-decoration: none;
+}
+
+.dtp .p10 {
+    width: 10%;
+    display: inline-block;
+}
+
+.dtp .p20 {
+    width: 20%;
+    display: inline-block;
+}
+
+.dtp .p60 {
+    width: 60%;
+    display: inline-block;
+}
+
+.dtp .p80 {
+    width: 80%;
+    display: inline-block;
+}
+
+.dtp a.dtp-meridien-am, .dtp a.dtp-meridien-pm {
+    position: relative;
+    top: 10px;
+    color: #212121;
+    font-weight: 500;
+    padding: 0.7em 0.5em;
+    border-radius: 50% !important;
+    text-decoration: none;
+    background: #eee;
+    font-size: 1em;
+}
+
+.dtp .dtp-actual-meridien a.selected {
+    background: #607D8B;
+    color: #fff;
+}
+
+.dtp .dtp-picker-time > .dtp-select-hour {
+    cursor: pointer;
+}
+
+.dtp .dtp-picker-time > .dtp-select-minute {
+    cursor: pointer;
+}
+
+.dtp .dtp-buttons {
+    padding: 0 1em 1em 1em;
+    text-align: right;
+}
+
+/*.dtp .dtp-buttons .btn-flat {*/
+    /*border: none;*/
+    /*padding: .5em;*/
+    /*color: #fff;*/
+    /*background-color: #607D8B;*/
+/*}*/
+
+.dtp.hidden, .dtp .hidden {
+    display: none;
+}
+
+.dtp .invisible {
+    visibility: hidden;
+}
+
+.dtp .left {
+    float: left;
+}
+
+.dtp .right {
+    float: right;
+}
+
+.dtp .clearfix {
+    clear: both;
+}
+
+.dtp .center {
+    text-align: center;
+}
\ No newline at end of file
diff --git a/inc/themes/material-blue/css/bootstrap-material-datetimepicker.min.css b/inc/themes/material-blue/css/bootstrap-material-datetimepicker.min.css
new file mode 100644
index 00000000..30dcf0cb
--- /dev/null
+++ b/inc/themes/material-blue/css/bootstrap-material-datetimepicker.min.css
@@ -0,0 +1 @@
+.dtp{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:2000;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dtp>.dtp-content{background:#fff;max-width:300px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);max-height:520px;position:relative;left:50%}.dtp>.dtp-content>.dtp-date-view>header.dtp-header{background:#607d8b;color:#fff;text-align:center;padding:.3em}.dtp div.dtp-date,.dtp div.dtp-time{background:#607d8b;text-align:center;color:#fff;padding:10px}.dtp div.dtp-date>div{padding:0;margin:0}.dtp div.dtp-actual-month{font-size:1.5em}.dtp div.dtp-actual-num{font-size:3em;line-height:.9}.dtp div.dtp-actual-maxtime{font-size:3em;line-height:.9}.dtp div.dtp-actual-year{font-size:1.5em;color:#fff}.dtp div.dtp-picker{padding:1em;text-align:center}.dtp div.dtp-picker-month,.dtp div.dtp-actual-time{font-weight:500;text-align:center}.dtp div.dtp-picker-month{padding-bottom:20px !important;text-transform:uppercase !important}.dtp .dtp-close{position:absolute;top:.5em;right:1em}.dtp .dtp-close>a{color:#fff}.dtp .dtp-close>a>i{font-size:1em}.dtp table.dtp-picker-days{margin:0;min-height:251px}.dtp table.dtp-picker-days,.dtp table.dtp-picker-days tr,.dtp table.dtp-picker-days tr>td{border:0}.dtp table.dtp-picker-days tr>td{font-weight:700;text-align:center;padding:.5em}.dtp table.dtp-picker-days tr>td>span.dtp-select-day{color:#bdbdbd !important;padding:.4em .5em .5em .6em}.dtp table.dtp-picker-days tr>td>a,.dtp .dtp-picker-time>a{color:#212121;text-decoration:none;padding:.4em;border-radius:5px !important}.dtp table.dtp-picker-days tr>td>a.selected{background:#607d8b;color:#fff}.dtp table.dtp-picker-days tr>th{color:#757575;text-align:center;font-weight:700;padding:.4em .3em}.dtp .p10>a{color:#fff;text-decoration:none}.dtp .p10{width:10%;display:inline-block}.dtp .p20{width:20%;display:inline-block}.dtp .p60{width:60%;display:inline-block}.dtp .p80{width:80%;display:inline-block}.dtp a.dtp-meridien-am,.dtp a.dtp-meridien-pm{position:relative;top:10px;color:#212121;font-weight:500;padding:.7em .5em;border-radius:50% !important;text-decoration:none;background:#eee;font-size:1em}.dtp .dtp-actual-meridien a.selected{background:#607d8b;color:#fff}.dtp .dtp-picker-time>.dtp-select-hour{cursor:pointer}.dtp .dtp-picker-time>.dtp-select-minute{cursor:pointer}.dtp .dtp-buttons{padding:0 1em 1em 1em;text-align:right}.dtp.hidden,.dtp .hidden{display:none}.dtp .invisible{visibility:hidden}.dtp .left{float:left}.dtp .right{float:right}.dtp .clearfix{clear:both}.dtp .center{text-align:center}
\ No newline at end of file
diff --git a/inc/themes/material-blue/index.php b/inc/themes/material-blue/index.php
index 81e49017..d06cb913 100644
--- a/inc/themes/material-blue/index.php
+++ b/inc/themes/material-blue/index.php
@@ -23,20 +23,23 @@
  *
  */
 
-$themeInfo = array(
+$themeInfo = [
     'name' => 'Material Blue',
     'creator' => 'nuxsmin',
     'version' => '1.0',
     'targetversion' => '1.2.0',
-    'js' => array(
+    'js' => [
+        'moment.min.js',
+        'bootstrap-material-datetimepicker.min.js',
         'material.min.js',
-        'app-theme.min.js'),
-    'css' => array(
+        'app-theme.min.js'],
+    'css' => [
         'fonts.min.css',
         'material.min.css',
         'material-custom.min.css',
+        'bootstrap-material-datetimepicker.min.css',
         'jquery-ui.theme.min.css',
         'styles.min.css',
         'alertify-custom.min.css',
-        'selectize.bootstrap3.min.css')
-);
+        'selectize.bootstrap3.min.css']
+];
diff --git a/inc/themes/material-blue/js/app-theme.js b/inc/themes/material-blue/js/app-theme.js
index 0ec222ed..78611e57 100644
--- a/inc/themes/material-blue/js/app-theme.js
+++ b/inc/themes/material-blue/js/app-theme.js
@@ -275,6 +275,58 @@ sysPass.Theme = function (Common) {
         });
     };
 
+    /**
+     * Inicializar el selector de fecha
+     * @param $container
+     */
+    var setupDatePicker = function ($container) {
+        log.info("setupDatePicker");
+
+        var datePickerOpts = {
+            format: "YYYY-MM-DD",
+            lang: "en",
+            weekStart: 0,
+            time: false,
+            cancelText: Common.config().LANG[44],
+            okText: Common.config().LANG[43],
+            clearText: Common.config().LANG[30],
+            nowText: Common.config().LANG[56],
+            minDate: new Date(),
+            triggerEvent: "dateIconClick"
+        };
+
+        // Actualizar el input oculto con la fecha en formato UNIX
+        var updateUnixInput = function ($obj, date) {
+            var unixtime;
+
+            if (typeof date !== "undefined") {
+                unixtime = date;
+            } else {
+                unixtime = moment($obj.val()).format("X");
+            }
+
+            $obj.parent().find("input[name='passworddatechange_unix']").val(unixtime);
+        };
+
+        $container.find(".password-datefield__input").each(function () {
+            var $this = $(this);
+
+            $this.bootstrapMaterialDatePicker(datePickerOpts);
+
+            $this.parent().append("<input type='hidden' name='passworddatechange_unix' value='" + moment($this.val()).format("X") + "' />");
+
+            // Evento de click para el icono de calendario
+            $this.parent().next("i").on("click", function () {
+                $this.trigger("dateIconClick");
+            });
+
+            // Actualizar el campo oculto cuando cambie la fecha
+            $this.on("change", function () {
+                updateUnixInput($this);
+            });
+        });
+    };
+
     /**
      * Triggers que se ejecutan en determinadas vistas
      */
@@ -337,6 +389,7 @@ sysPass.Theme = function (Common) {
         common: function ($container) {
             passwordDetect($container);
             activeTooltip($container);
+            setupDatePicker($container);
 
             $container.find(".download").button({
                 icons: {primary: "ui-icon-arrowthickstop-1-s"}
diff --git a/inc/themes/material-blue/js/app-theme.min.js b/inc/themes/material-blue/js/app-theme.min.js
index b15fba28..420566e7 100644
--- a/inc/themes/material-blue/js/app-theme.min.js
+++ b/inc/themes/material-blue/js/app-theme.min.js
@@ -1,16 +1,18 @@
-var $jscomp={scope:{},findInternal:function(a,g,e){a instanceof String&&(a=String(a));for(var h=a.length,f=0;f<h;f++){var l=a[f];if(g.call(e,l,f,a))return{i:f,v:l}}return{i:-1,v:void 0}}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(a,g,e){if(e.get||e.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[g]=e.value)};
-$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global?global:a};$jscomp.global=$jscomp.getGlobal(this);$jscomp.polyfill=function(a,g,e,h){if(g){e=$jscomp.global;a=a.split(".");for(h=0;h<a.length-1;h++){var f=a[h];f in e||(e[f]={});e=e[f]}a=a[a.length-1];h=e[a];g=g(h);g!=h&&null!=g&&$jscomp.defineProperty(e,a,{configurable:!0,writable:!0,value:g})}};
-$jscomp.polyfill("Array.prototype.find",function(a){return a?a:function(a,e){return $jscomp.findInternal(this,a,e).v}},"es6-impl","es3");
-sysPass.Theme=function(a){var g=function(a){"undefined"===typeof a&&(a=$("body"));a.find(".active-tooltip").tooltip({content:function(){return $(this).attr("title")},tooltipClass:"tooltip"})},e=function(b){for(var k=0,d="",c;k<a.passwordData.complexity.numlength;){c=Math.floor(100*Math.random())%94+33;if(!a.passwordData.complexity.symbols){if(33<=c&&47>=c)continue;if(58<=c&&64>=c)continue;if(91<=c&&96>=c)continue;if(123<=c&&126>=c)continue}!a.passwordData.complexity.numbers&&48<=c&&57>=c||!a.passwordData.complexity.uppercase&&
-65<=c&&90>=c||(k++,d+=String.fromCharCode(c))}$("#viewPass").attr("title",d);var e=zxcvbn(d);a.passwordData.passLength=d.length;b?(k=b.parent(),c=$("#"+b.attr("id")+"R"),a.outputResult(e,b),b=new MaterialTextfield,k.find("input:password").val(d),k.addClass(b.CssClasses_.IS_DIRTY).removeClass(b.CssClasses_.IS_INVALID),c.val(d).parent().addClass(b.CssClasses_.IS_DIRTY).removeClass(b.CssClasses_.IS_INVALID),a.encryptFormValue(c),k.find("#passLevel").show(500)):(a.outputResult(e),$("input:password, input.password").val(d),
-$("#passLevel").show(500))},h=function(){$("<div></div>").dialog({modal:!0,title:a.config().LANG[29],width:"400px",open:function(){var b=$(this),k='<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-numbers"><input type="checkbox" id="checkbox-numbers" class="mdl-checkbox__input" name="checkbox-numbers"/><span class="mdl-checkbox__label">'+a.config().LANG[35]+'</span></label><label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-uppercase"><input type="checkbox" id="checkbox-uppercase" class="mdl-checkbox__input" name="checkbox-uppercase"/><span class="mdl-checkbox__label">'+
+var $jscomp={scope:{},findInternal:function(a,f,c){a instanceof String&&(a=String(a));for(var g=a.length,h=0;h<g;h++){var l=a[h];if(f.call(c,l,h,a))return{i:h,v:l}}return{i:-1,v:void 0}}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(a,f,c){if(c.get||c.set)throw new TypeError("ES3 does not support getters and setters.");a!=Array.prototype&&a!=Object.prototype&&(a[f]=c.value)};
+$jscomp.getGlobal=function(a){return"undefined"!=typeof window&&window===a?a:"undefined"!=typeof global?global:a};$jscomp.global=$jscomp.getGlobal(this);$jscomp.polyfill=function(a,f,c,g){if(f){c=$jscomp.global;a=a.split(".");for(g=0;g<a.length-1;g++){var h=a[g];h in c||(c[h]={});c=c[h]}a=a[a.length-1];g=c[a];f=f(g);f!=g&&null!=f&&$jscomp.defineProperty(c,a,{configurable:!0,writable:!0,value:f})}};
+$jscomp.polyfill("Array.prototype.find",function(a){return a?a:function(a,c){return $jscomp.findInternal(this,a,c).v}},"es6-impl","es3");
+sysPass.Theme=function(a){var f=a.log,c=function(a){"undefined"===typeof a&&(a=$("body"));a.find(".active-tooltip").tooltip({content:function(){return $(this).attr("title")},tooltipClass:"tooltip"})},g=function(b){for(var k=0,d="",e;k<a.passwordData.complexity.numlength;){e=Math.floor(100*Math.random())%94+33;if(!a.passwordData.complexity.symbols){if(33<=e&&47>=e)continue;if(58<=e&&64>=e)continue;if(91<=e&&96>=e)continue;if(123<=e&&126>=e)continue}!a.passwordData.complexity.numbers&&48<=e&&57>=e||
+!a.passwordData.complexity.uppercase&&65<=e&&90>=e||(k++,d+=String.fromCharCode(e))}$("#viewPass").attr("title",d);var c=zxcvbn(d);a.passwordData.passLength=d.length;b?(k=b.parent(),e=$("#"+b.attr("id")+"R"),a.outputResult(c,b),b=new MaterialTextfield,k.find("input:password").val(d),k.addClass(b.CssClasses_.IS_DIRTY).removeClass(b.CssClasses_.IS_INVALID),e.val(d).parent().addClass(b.CssClasses_.IS_DIRTY).removeClass(b.CssClasses_.IS_INVALID),a.encryptFormValue(e),k.find("#passLevel").show(500)):(a.outputResult(c),
+$("input:password, input.password").val(d),$("#passLevel").show(500))},h=function(){$("<div></div>").dialog({modal:!0,title:a.config().LANG[29],width:"400px",open:function(){var b=$(this),k='<label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-numbers"><input type="checkbox" id="checkbox-numbers" class="mdl-checkbox__input" name="checkbox-numbers"/><span class="mdl-checkbox__label">'+a.config().LANG[35]+'</span></label><label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-uppercase"><input type="checkbox" id="checkbox-uppercase" class="mdl-checkbox__input" name="checkbox-uppercase"/><span class="mdl-checkbox__label">'+
 a.config().LANG[36]+'</span></label><label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-symbols"><input type="checkbox" id="checkbox-symbols" class="mdl-checkbox__input" name="checkbox-symbols"/><span class="mdl-checkbox__label">'+a.config().LANG[37]+'</span></label><div class="mdl-textfield mdl-js-textfield textfield-passlength"><input class="mdl-textfield__input" type="number" pattern="[0-9]*" id="passlength" /><label class="mdl-textfield__label" for="passlength">'+a.config().LANG[38]+
 '</label></div><button id="btn-complexity" class="mdl-button mdl-js-button mdl-button--raised">Ok</button>';b.html(k);b.dialog("option","position","center");b.ready(function(){$("#checkbox-numbers").prop("checked",a.passwordData.complexity.numbers);$("#checkbox-uppercase").prop("checked",a.passwordData.complexity.uppercase);$("#checkbox-symbols").prop("checked",a.passwordData.complexity.symbols);$("#passlength").val(a.passwordData.complexity.numlength);$("#btn-complexity").click(function(){a.passwordData.complexity.numbers=
-$(" #checkbox-numbers").is(":checked");a.passwordData.complexity.uppercase=$("#checkbox-uppercase").is(":checked");a.passwordData.complexity.symbols=$("#checkbox-symbols").is(":checked");a.passwordData.complexity.numlength=parseInt($("#passlength").val());b.dialog("close")});componentHandler.upgradeDom()})},close:function(){$(this).dialog("destroy")}})},f=function(b){b.find(".passwordfield__input").each(function(){var b=$(this);if("true"!==b.attr("data-pass-upgraded")){var d=b.parent(),c=b.attr("id"),
-g=$("#"+c+"R"),f='<button id="menu-speed-'+c+'" class="mdl-button mdl-js-button mdl-button--icon" type="button" title="'+a.config().LANG[27]+'"><i class="material-icons">more_vert</i></button>',f=f+('<ul class="mdl-menu mdl-js-menu" for="menu-speed-'+c+'">')+('<li class="mdl-menu__item passGen"><i class="material-icons">settings</i>'+a.config().LANG[28]+"</li>"),f=f+('<li class="mdl-menu__item passComplexity"><i class="material-icons">vpn_key</i>'+a.config().LANG[29]+"</li>"),f=f+('<li class="mdl-menu__item reset"><i class="material-icons">refresh</i>'+
-a.config().LANG[30]+"</li>");d.after('<div class="password-actions" />');d.next(".password-actions").prepend('<span class="passLevel passLevel-'+c+' fullround" title="'+a.config().LANG[31]+'"></span>').prepend('<i class="showpass material-icons" title="'+a.config().LANG[32]+'">remove_red_eye</i>').prepend(f);b.on("keyup",function(){a.checkPassLevel(b)});d=b.parent().next();d.find(".passGen").on("click",function(){e(b);b.focus()});d.find(".passComplexity").on("click",function(){h()});d.find(".showpass").on("mouseover",
-function(){$(this).attr("title",b.val())});d.find(".reset").on("click",function(){b.val("");g.val("");componentHandler.upgradeDom()});b.attr("data-pass-upgraded","true")}});b.find(".passwordfield__input-show").each(function(){var b=$(this),d=b.parent(),b=b.attr("id");d.after('<i class="showpass material-icons" title="'+a.config().LANG[32]+'" data-targetid="'+b+'">remove_red_eye</i>')})},l=function(){var a=$("#actions-bar");if(0<a.length){var e=a.find("#actions-bar-logo"),d=!1,c={on:function(){a.css({backgroundColor:"rgba(255, 255, 255, .75)",
-borderBottom:"1px solid #ccc"});e.show();d=!0},off:function(){a.css({backgroundColor:"transparent",borderBottom:"none"});e.hide();d=!1}};$(window).on("scroll",function(){var b=$(this).scrollTop()>a.height();if(b&&!d)c.on();else!b&&d&&c.off()}).on("resize",function(){if(0<a.offset().top)c.on()});if(0<a.offset().top)c.on()}};(function(){jQuery.extend(jQuery.fancybox.defaults,{type:"ajax",autoWidth:!0,autoHeight:!0,autoResize:!0,autoCenter:!0,fitToView:!1,minHeight:50,padding:0,helpers:{overlay:{css:{background:"rgba(0, 0, 0, 0.3)"}}},
-keys:{close:[27]},afterShow:function(){$("#fancyContainer").find("input[type='text']:visible:first").focus()}});g();l()})();return{activeTooltip:g,passwordDetect:f,password:e,viewsTriggers:{search:function(){var b=$("#frmSearch"),e=$("#res-content");b.find(".icon-searchfav").on("click",function(){var d=$(this).find("i"),c=b.find("input[name='searchfav']");0==c.val()?(d.addClass("mdl-color-text--amber-A200"),d.attr("title",a.config().LANG[53]),c.val(1)):(d.removeClass("mdl-color-text--amber-A200"),
-d.attr("title",a.config().LANG[52]),c.val(0));b.submit()});e.on("click","#data-search-header .sort-down,#data-search-header .sort-up",function(){var b=$(this);b.parent().find("a").addClass("filterOn");a.appActions().account.sort(b)}).on("click","#search-rows i.icon-favorite",function(){var b=$(this);a.appActions().account.savefavorite(b,function(){"on"===b.data("status")?(b.addClass("mdl-color-text--amber-A100"),b.attr("title",a.config().LANG[50]),b.html("star")):(b.removeClass("mdl-color-text--amber-A100"),
-b.attr("title",a.config().LANG[49]),b.html("star_border"))})}).on("click","#search-rows span.tag",function(){var b="tag:"+this.innerHTML;$("#search").val(b).parent().addClass("is-dirty");a.appActions().account.search()})},common:function(a){f(a);g(a);a.find(".download").button({icons:{primary:"ui-icon-arrowthickstop-1-s"}})}},loading:{show:function(){$("#wrap-loading").show();$("#loading").addClass("is-active")},hide:function(){$("#wrap-loading").hide();$("#loading").removeClass("is-active")}},ajax:{complete:function(){componentHandler.upgradeDom()}}}};
+$(" #checkbox-numbers").is(":checked");a.passwordData.complexity.uppercase=$("#checkbox-uppercase").is(":checked");a.passwordData.complexity.symbols=$("#checkbox-symbols").is(":checked");a.passwordData.complexity.numlength=parseInt($("#passlength").val());b.dialog("close")});componentHandler.upgradeDom()})},close:function(){$(this).dialog("destroy")}})},l=function(b){b.find(".passwordfield__input").each(function(){var b=$(this);if("true"!==b.attr("data-pass-upgraded")){var d=b.parent(),e=b.attr("id"),
+c=$("#"+e+"R"),f='<button id="menu-speed-'+e+'" class="mdl-button mdl-js-button mdl-button--icon" type="button" title="'+a.config().LANG[27]+'"><i class="material-icons">more_vert</i></button>',f=f+('<ul class="mdl-menu mdl-js-menu" for="menu-speed-'+e+'">')+('<li class="mdl-menu__item passGen"><i class="material-icons">settings</i>'+a.config().LANG[28]+"</li>"),f=f+('<li class="mdl-menu__item passComplexity"><i class="material-icons">vpn_key</i>'+a.config().LANG[29]+"</li>"),f=f+('<li class="mdl-menu__item reset"><i class="material-icons">refresh</i>'+
+a.config().LANG[30]+"</li>");d.after('<div class="password-actions" />');d.next(".password-actions").prepend('<span class="passLevel passLevel-'+e+' fullround" title="'+a.config().LANG[31]+'"></span>').prepend('<i class="showpass material-icons" title="'+a.config().LANG[32]+'">remove_red_eye</i>').prepend(f);b.on("keyup",function(){a.checkPassLevel(b)});d=b.parent().next();d.find(".passGen").on("click",function(){g(b);b.focus()});d.find(".passComplexity").on("click",function(){h()});d.find(".showpass").on("mouseover",
+function(){$(this).attr("title",b.val())});d.find(".reset").on("click",function(){b.val("");c.val("");componentHandler.upgradeDom()});b.attr("data-pass-upgraded","true")}});b.find(".passwordfield__input-show").each(function(){var b=$(this),d=b.parent(),b=b.attr("id");d.after('<i class="showpass material-icons" title="'+a.config().LANG[32]+'" data-targetid="'+b+'">remove_red_eye</i>')})},m=function(b){f.info("setupDatePicker");var c={format:"YYYY-MM-DD",lang:"en",weekStart:0,time:!1,cancelText:a.config().LANG[44],
+okText:a.config().LANG[43],clearText:a.config().LANG[30],nowText:a.config().LANG[56],minDate:new Date,triggerEvent:"dateIconClick"};b.find(".password-datefield__input").each(function(){var a=$(this);a.bootstrapMaterialDatePicker(c);a.parent().append("<input type='hidden' name='passworddatechange_unix' value='"+moment(a.val()).format("X")+"' />");a.parent().next("i").on("click",function(){a.trigger("dateIconClick")});a.on("change",function(){var b;b=moment(a.val()).format("X");a.parent().find("input[name='passworddatechange_unix']").val(b)})})},
+n=function(){var a=$("#actions-bar");if(0<a.length){var c=a.find("#actions-bar-logo"),d=!1,e={on:function(){a.css({backgroundColor:"rgba(255, 255, 255, .75)",borderBottom:"1px solid #ccc"});c.show();d=!0},off:function(){a.css({backgroundColor:"transparent",borderBottom:"none"});c.hide();d=!1}};$(window).on("scroll",function(){var b=$(this).scrollTop()>a.height();if(b&&!d)e.on();else!b&&d&&e.off()}).on("resize",function(){if(0<a.offset().top)e.on()});if(0<a.offset().top)e.on()}};(function(){jQuery.extend(jQuery.fancybox.defaults,
+{type:"ajax",autoWidth:!0,autoHeight:!0,autoResize:!0,autoCenter:!0,fitToView:!1,minHeight:50,padding:0,helpers:{overlay:{css:{background:"rgba(0, 0, 0, 0.3)"}}},keys:{close:[27]},afterShow:function(){$("#fancyContainer").find("input[type='text']:visible:first").focus()}});c();n()})();return{activeTooltip:c,passwordDetect:l,password:g,viewsTriggers:{search:function(){var b=$("#frmSearch"),c=$("#res-content");b.find(".icon-searchfav").on("click",function(){var d=$(this).find("i"),c=b.find("input[name='searchfav']");
+0==c.val()?(d.addClass("mdl-color-text--amber-A200"),d.attr("title",a.config().LANG[53]),c.val(1)):(d.removeClass("mdl-color-text--amber-A200"),d.attr("title",a.config().LANG[52]),c.val(0));b.submit()});c.on("click","#data-search-header .sort-down,#data-search-header .sort-up",function(){var b=$(this);b.parent().find("a").addClass("filterOn");a.appActions().account.sort(b)}).on("click","#search-rows i.icon-favorite",function(){var b=$(this);a.appActions().account.savefavorite(b,function(){"on"===
+b.data("status")?(b.addClass("mdl-color-text--amber-A100"),b.attr("title",a.config().LANG[50]),b.html("star")):(b.removeClass("mdl-color-text--amber-A100"),b.attr("title",a.config().LANG[49]),b.html("star_border"))})}).on("click","#search-rows span.tag",function(){var b="tag:"+this.innerHTML;$("#search").val(b).parent().addClass("is-dirty");a.appActions().account.search()})},common:function(a){l(a);c(a);m(a);a.find(".download").button({icons:{primary:"ui-icon-arrowthickstop-1-s"}})}},loading:{show:function(){$("#wrap-loading").show();
+$("#loading").addClass("is-active")},hide:function(){$("#wrap-loading").hide();$("#loading").removeClass("is-active")}},ajax:{complete:function(){componentHandler.upgradeDom()}}}};
diff --git a/inc/themes/material-blue/js/bootstrap-material-datetimepicker.js b/inc/themes/material-blue/js/bootstrap-material-datetimepicker.js
new file mode 100644
index 00000000..170e0149
--- /dev/null
+++ b/inc/themes/material-blue/js/bootstrap-material-datetimepicker.js
@@ -0,0 +1,1105 @@
+(function ($, moment) {
+    var pluginName = "bootstrapMaterialDatePicker";
+    var pluginDataName = "plugin_" + pluginName;
+
+    moment.locale('en');
+
+    function Plugin(element, options) {
+        this.currentView = 0;
+
+        this.minDate;
+        this.maxDate;
+
+        this._attachedEvents = [];
+
+        this.element = element;
+        this.$element = $(element);
+
+        this.params = {
+            date: true,
+            time: true,
+            format: 'YYYY-MM-DD',
+            minDate: null,
+            maxDate: null,
+            currentDate: null,
+            lang: 'en',
+            weekStart: 0,
+            shortTime: false,
+            clearButton: false,
+            nowButton: false,
+            cancelText: 'Cancel',
+            okText: 'OK',
+            clearText: 'Clear',
+            nowText: 'Now',
+            switchOnClick: false,
+            triggerEvent: 'focus'
+        };
+        this.params = $.fn.extend(this.params, options);
+
+        this.name = "dtp_" + this.setName();
+        this.$element.attr("data-dtp", this.name);
+
+        moment.locale(this.params.lang);
+
+        this.init();
+    }
+
+    $.fn[pluginName] = function (options, p) {
+        this.each(function () {
+            if (!$.data(this, pluginDataName)) {
+                $.data(this, pluginDataName, new Plugin(this, options));
+            } else {
+                if (typeof ($.data(this, pluginDataName)[options]) === 'function') {
+                    $.data(this, pluginDataName)[options](p);
+                }
+                if (options === 'destroy') {
+                    $.removeData(this);
+                }
+            }
+        });
+        return this;
+    };
+
+    Plugin.prototype =
+    {
+        init: function () {
+            this.initDays();
+            this.initDates();
+
+            this.initTemplate();
+
+            this.initButtons();
+
+            this._attachEvent($(window), 'resize', this._centerBox.bind(this));
+            this._attachEvent(this.$dtpElement.find('.dtp-content'), 'click', this._onElementClick.bind(this));
+            this._attachEvent(this.$dtpElement, 'click', this._onBackgroundClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('.dtp-close > a'), 'click', this._onCloseClick.bind(this));
+            this._attachEvent(this.$element, this.params.triggerEvent, this._fireCalendar.bind(this));
+        },
+        initDays: function () {
+            this.days = [];
+            for (var i = this.params.weekStart; this.days.length < 7; i++) {
+                if (i > 6) {
+                    i = 0;
+                }
+                this.days.push(i.toString());
+            }
+        },
+        initDates: function () {
+            if (this.$element.val().length > 0) {
+                if (typeof (this.params.format) !== 'undefined' && this.params.format !== null) {
+                    this.currentDate = moment(this.$element.val(), this.params.format).locale(this.params.lang);
+                } else {
+                    this.currentDate = moment(this.$element.val()).locale(this.params.lang);
+                }
+            } else {
+                if (typeof (this.$element.attr('value')) !== 'undefined' && this.$element.attr('value') !== null && this.$element.attr('value') !== "") {
+                    if (typeof (this.$element.attr('value')) === 'string') {
+                        if (typeof (this.params.format) !== 'undefined' && this.params.format !== null) {
+                            this.currentDate = moment(this.$element.attr('value'), this.params.format).locale(this.params.lang);
+                        } else {
+                            this.currentDate = moment(this.$element.attr('value')).locale(this.params.lang);
+                        }
+                    }
+                } else {
+                    if (typeof (this.params.currentDate) !== 'undefined' && this.params.currentDate !== null) {
+                        if (typeof (this.params.currentDate) === 'string') {
+                            if (typeof (this.params.format) !== 'undefined' && this.params.format !== null) {
+                                this.currentDate = moment(this.params.currentDate, this.params.format).locale(this.params.lang);
+                            } else {
+                                this.currentDate = moment(this.params.currentDate).locale(this.params.lang);
+                            }
+                        } else {
+                            if (typeof (this.params.currentDate.isValid) === 'undefined' || typeof (this.params.currentDate.isValid) !== 'function') {
+                                var x = this.params.currentDate.getTime();
+                                this.currentDate = moment(x, "x").locale(this.params.lang);
+                            } else {
+                                this.currentDate = this.params.currentDate;
+                            }
+                        }
+                        this.$element.val(this.currentDate.format(this.params.format));
+                    } else
+                        this.currentDate = moment();
+                }
+            }
+
+            if (typeof (this.params.minDate) !== 'undefined' && this.params.minDate !== null) {
+                if (typeof (this.params.minDate) === 'string') {
+                    if (typeof (this.params.format) !== 'undefined' && this.params.format !== null) {
+                        this.minDate = moment(this.params.minDate, this.params.format).locale(this.params.lang);
+                    } else {
+                        this.minDate = moment(this.params.minDate).locale(this.params.lang);
+                    }
+                } else {
+                    if (typeof (this.params.minDate.isValid) === 'undefined' || typeof (this.params.minDate.isValid) !== 'function') {
+                        var x = this.params.minDate.getTime();
+                        this.minDate = moment(x, "x").locale(this.params.lang);
+                    } else {
+                        this.minDate = this.params.minDate;
+                    }
+                }
+            } else if (this.params.minDate === null) {
+                this.minDate = null;
+            }
+
+            if (typeof (this.params.maxDate) !== 'undefined' && this.params.maxDate !== null) {
+                if (typeof (this.params.maxDate) === 'string') {
+                    if (typeof (this.params.format) !== 'undefined' && this.params.format !== null) {
+                        this.maxDate = moment(this.params.maxDate, this.params.format).locale(this.params.lang);
+                    } else {
+                        this.maxDate = moment(this.params.maxDate).locale(this.params.lang);
+                    }
+                } else {
+                    if (typeof (this.params.maxDate.isValid) === 'undefined' || typeof (this.params.maxDate.isValid) !== 'function') {
+                        var x = this.params.maxDate.getTime();
+                        this.maxDate = moment(x, "x").locale(this.params.lang);
+                    } else {
+                        this.maxDate = this.params.maxDate;
+                    }
+                }
+            } else if (this.params.maxDate === null) {
+                this.maxDate = null;
+            }
+
+            if (!this.isAfterMinDate(this.currentDate)) {
+                this.currentDate = moment(this.minDate);
+            }
+            if (!this.isBeforeMaxDate(this.currentDate)) {
+                this.currentDate = moment(this.maxDate);
+            }
+        },
+        initTemplate: function () {
+            this.template = '<div class="dtp hidden" id="' + this.name + '">' +
+                '<div class="dtp-content">' +
+                '<div class="dtp-date-view">' +
+                '<header class="dtp-header">' +
+                '<div class="dtp-actual-day">Lundi</div>' +
+                '<div class="dtp-close"><a href="javascript:void(0);"><i class="material-icons">clear</i></a></div>' +
+                '</header>' +
+                '<div class="dtp-date hidden">' +
+                '<div>' +
+                '<div class="left center p10">' +
+                '<a href="javascript:void(0);" class="dtp-select-month-before"><i class="material-icons">chevron_left</i></a>' +
+                '</div>' +
+                '<div class="dtp-actual-month p80">MAR</div>' +
+                '<div class="right center p10">' +
+                '<a href="javascript:void(0);" class="dtp-select-month-after"><i class="material-icons">chevron_right</i></a>' +
+                '</div>' +
+                '<div class="clearfix"></div>' +
+                '</div>' +
+                '<div class="dtp-actual-num">13</div>' +
+                '<div>' +
+                '<div class="left center p10">' +
+                '<a href="javascript:void(0);" class="dtp-select-year-before"><i class="material-icons">chevron_left</i></a>' +
+                '</div>' +
+                '<div class="dtp-actual-year p80">2014</div>' +
+                '<div class="right center p10">' +
+                '<a href="javascript:void(0);" class="dtp-select-year-after"><i class="material-icons">chevron_right</i></a>' +
+                '</div>' +
+                '<div class="clearfix"></div>' +
+                '</div>' +
+                '</div>' +
+                '<div class="dtp-time hidden">' +
+                '<div class="dtp-actual-maxtime">23:55</div>' +
+                '</div>' +
+                '<div class="dtp-picker">' +
+                '<div class="dtp-picker-calendar"></div>' +
+                '<div class="dtp-picker-datetime hidden">' +
+                '<div class="dtp-actual-meridien">' +
+                '<div class="left p20">' +
+                '<a class="dtp-meridien-am" href="javascript:void(0);">AM</a>' +
+                '</div>' +
+                '<div class="dtp-actual-time p60"></div>' +
+                '<div class="right p20">' +
+                '<a class="dtp-meridien-pm" href="javascript:void(0);">PM</a>' +
+                '</div>' +
+                '<div class="clearfix"></div>' +
+                '</div>' +
+                '<div id="dtp-svg-clock">' +
+                '</div>' +
+                '</div>' +
+                '</div>' +
+                '</div>' +
+                '<div class="dtp-buttons">' +
+                '<button class="dtp-btn-now btn btn-flat hidden mdl-button mdl-js-button">' + this.params.nowText + '</button>' +
+                '<button class="dtp-btn-clear btn btn-flat hidden mdl-button mdl-js-button">' + this.params.clearText + '</button>' +
+                '<button class="dtp-btn-cancel btn btn-flat mdl-button mdl-js-button mdl-button--primary">' + this.params.cancelText + '</button>' +
+                '<button class="dtp-btn-ok btn btn-flat mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary">' + this.params.okText + '</button>' +
+                '<div class="clearfix"></div>' +
+                '</div>' +
+                '</div>' +
+                '</div>';
+
+            var $body = $("body");
+
+            if ($body.find("#" + this.name).length <= 0) {
+                $body.append(this.template);
+
+                if (this)
+                    this.dtpElement = $body.find("#" + this.name);
+                this.$dtpElement = $(this.dtpElement);
+            }
+        },
+        initButtons: function () {
+            this._attachEvent(this.$dtpElement.find('.dtp-btn-cancel'), 'click', this._onCancelClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('.dtp-btn-ok'), 'click', this._onOKClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('a.dtp-select-month-before'), 'click', this._onMonthBeforeClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('a.dtp-select-month-after'), 'click', this._onMonthAfterClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('a.dtp-select-year-before'), 'click', this._onYearBeforeClick.bind(this));
+            this._attachEvent(this.$dtpElement.find('a.dtp-select-year-after'), 'click', this._onYearAfterClick.bind(this));
+
+            if (this.params.clearButton === true) {
+                this._attachEvent(this.$dtpElement.find('.dtp-btn-clear'), 'click', this._onClearClick.bind(this));
+                this.$dtpElement.find('.dtp-btn-clear').removeClass('hidden');
+            }
+
+            if (this.params.nowButton === true) {
+                this._attachEvent(this.$dtpElement.find('.dtp-btn-now'), 'click', this._onNowClick.bind(this));
+                this.$dtpElement.find('.dtp-btn-now').removeClass('hidden');
+            }
+
+            if ((this.params.nowButton === true) && (this.params.clearButton === true)) {
+                this.$dtpElement.find('.dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok').addClass('btn-xs');
+            } else if ((this.params.nowButton === true) || (this.params.clearButton === true)) {
+                this.$dtpElement.find('.dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok').addClass('btn-sm');
+            }
+        },
+        initMeridienButtons: function () {
+            this.$dtpElement.find('a.dtp-meridien-am').off('click').on('click', this._onSelectAM.bind(this));
+            this.$dtpElement.find('a.dtp-meridien-pm').off('click').on('click', this._onSelectPM.bind(this));
+        },
+        initDate: function (d) {
+            this.currentView = 0;
+
+            this.$dtpElement.find('.dtp-picker-calendar').removeClass('hidden');
+            this.$dtpElement.find('.dtp-picker-datetime').addClass('hidden');
+
+            var _date = ((typeof (this.currentDate) !== 'undefined' && this.currentDate !== null) ? this.currentDate : null);
+            var _calendar = this.generateCalendar(this.currentDate);
+
+            if (typeof (_calendar.week) !== 'undefined' && typeof (_calendar.days) !== 'undefined') {
+                var _template = this.constructHTMLCalendar(_date, _calendar);
+
+                this.$dtpElement.find('a.dtp-select-day').off('click');
+                this.$dtpElement.find('.dtp-picker-calendar').html(_template);
+
+                this.$dtpElement.find('a.dtp-select-day').on('click', this._onSelectDate.bind(this));
+
+                this.toggleButtons(_date);
+            }
+
+            this._centerBox();
+            this.showDate(_date);
+        },
+        initHours: function () {
+            this.currentView = 1;
+
+            this.showTime(this.currentDate);
+            this.initMeridienButtons();
+
+            if (this.currentDate.hour() < 12) {
+                this.$dtpElement.find('a.dtp-meridien-am').click();
+            } else {
+                this.$dtpElement.find('a.dtp-meridien-pm').click();
+            }
+
+            var hFormat = ((this.params.shortTime) ? 'h' : 'H');
+
+            this.$dtpElement.find('.dtp-picker-datetime').removeClass('hidden');
+            this.$dtpElement.find('.dtp-picker-calendar').addClass('hidden');
+
+            var svgClockElement = this.createSVGClock(true);
+
+            for (var i = 0; i < 12; i++) {
+                var x = -(162 * (Math.sin(-Math.PI * 2 * (i / 12))));
+                var y = -(162 * (Math.cos(-Math.PI * 2 * (i / 12))));
+
+                var fill = ((this.currentDate.format(hFormat) == i) ? "#8BC34A" : 'transparent');
+                var color = ((this.currentDate.format(hFormat) == i) ? "#fff" : '#000');
+
+                var svgHourCircle = this.createSVGElement("circle", {
+                    'id': 'h-' + i,
+                    'class': 'dtp-select-hour',
+                    'style': 'cursor:pointer',
+                    r: '30',
+                    cx: x,
+                    cy: y,
+                    fill: fill,
+                    'data-hour': i
+                });
+
+                var svgHourText = this.createSVGElement("text", {
+                    'id': 'th-' + i,
+                    'class': 'dtp-select-hour-text',
+                    'text-anchor': 'middle',
+                    'style': 'cursor:pointer',
+                    'font-weight': 'bold',
+                    'font-size': '20',
+                    x: x,
+                    y: y + 7,
+                    fill: color,
+                    'data-hour': i
+                });
+                svgHourText.textContent = ((i === 0) ? ((this.params.shortTime) ? 12 : i) : i);
+
+                if (!this.toggleTime(i, true)) {
+                    svgHourCircle.className += " disabled";
+                    svgHourText.className += " disabled";
+                    svgHourText.setAttribute('fill', '#bdbdbd');
+                } else {
+                    svgHourCircle.addEventListener('click', this._onSelectHour.bind(this));
+                    svgHourText.addEventListener('click', this._onSelectHour.bind(this));
+                }
+
+                svgClockElement.appendChild(svgHourCircle)
+                svgClockElement.appendChild(svgHourText)
+            }
+
+            if (!this.params.shortTime) {
+                for (var i = 0; i < 12; i++) {
+                    var x = -(110 * (Math.sin(-Math.PI * 2 * (i / 12))));
+                    var y = -(110 * (Math.cos(-Math.PI * 2 * (i / 12))));
+
+                    var fill = ((this.currentDate.format(hFormat) == (i + 12)) ? "#8BC34A" : 'transparent');
+                    var color = ((this.currentDate.format(hFormat) == (i + 12)) ? "#fff" : '#000');
+
+                    var svgHourCircle = this.createSVGElement("circle", {
+                        'id': 'h-' + (i + 12),
+                        'class': 'dtp-select-hour',
+                        'style': 'cursor:pointer',
+                        r: '30',
+                        cx: x,
+                        cy: y,
+                        fill: fill,
+                        'data-hour': (i + 12)
+                    });
+
+                    var svgHourText = this.createSVGElement("text", {
+                        'id': 'th-' + (i + 12),
+                        'class': 'dtp-select-hour-text',
+                        'text-anchor': 'middle',
+                        'style': 'cursor:pointer',
+                        'font-weight': 'bold',
+                        'font-size': '22',
+                        x: x,
+                        y: y + 7,
+                        fill: color,
+                        'data-hour': (i + 12)
+                    });
+                    svgHourText.textContent = i + 12;
+
+                    if (!this.toggleTime(i + 12, true)) {
+                        svgHourCircle.className += " disabled";
+                        svgHourText.className += " disabled";
+                        svgHourText.setAttribute('fill', '#bdbdbd');
+                    } else {
+                        svgHourCircle.addEventListener('click', this._onSelectHour.bind(this));
+                        svgHourText.addEventListener('click', this._onSelectHour.bind(this));
+                    }
+
+                    svgClockElement.appendChild(svgHourCircle)
+                    svgClockElement.appendChild(svgHourText)
+                }
+
+                this.$dtpElement.find('a.dtp-meridien-am').addClass('hidden');
+                this.$dtpElement.find('a.dtp-meridien-pm').addClass('hidden');
+            }
+
+            this._centerBox();
+        },
+        initMinutes: function () {
+            this.currentView = 2;
+
+            this.showTime(this.currentDate);
+
+            this.initMeridienButtons();
+
+            if (this.currentDate.hour() < 12) {
+                this.$dtpElement.find('a.dtp-meridien-am').click();
+            } else {
+                this.$dtpElement.find('a.dtp-meridien-pm').click();
+            }
+
+            this.$dtpElement.find('.dtp-picker-calendar').addClass('hidden');
+            this.$dtpElement.find('.dtp-picker-datetime').removeClass('hidden');
+
+            var svgClockElement = this.createSVGClock(false);
+
+            for (var i = 0; i < 60; i++) {
+                var s = ((i % 5 === 0) ? 162 : 158);
+                var r = ((i % 5 === 0) ? 30 : 20);
+
+                var x = -(s * (Math.sin(-Math.PI * 2 * (i / 60))));
+                var y = -(s * (Math.cos(-Math.PI * 2 * (i / 60))));
+
+                var color = ((this.currentDate.format("m") == i) ? "#8BC34A" : 'transparent');
+
+                var svgMinuteCircle = this.createSVGElement("circle", {
+                    'id': 'm-' + i,
+                    'class': 'dtp-select-minute',
+                    'style': 'cursor:pointer',
+                    r: r,
+                    cx: x,
+                    cy: y,
+                    fill: color,
+                    'data-minute': i
+                });
+
+                if (!this.toggleTime(i, false)) {
+                    svgMinuteCircle.className += " disabled";
+                } else {
+                    svgMinuteCircle.addEventListener('click', this._onSelectMinute.bind(this));
+                }
+
+                svgClockElement.appendChild(svgMinuteCircle)
+            }
+
+            for (var i = 0; i < 60; i++) {
+                if ((i % 5) === 0) {
+                    var x = -(162 * (Math.sin(-Math.PI * 2 * (i / 60))));
+                    var y = -(162 * (Math.cos(-Math.PI * 2 * (i / 60))));
+
+                    var color = ((this.currentDate.format("m") == i) ? "#fff" : '#000');
+
+                    var svgMinuteText = this.createSVGElement("text", {
+                        'id': 'tm-' + i,
+                        'class': 'dtp-select-minute-text',
+                        'text-anchor': 'middle',
+                        'style': 'cursor:pointer',
+                        'font-weight': 'bold',
+                        'font-size': '20',
+                        x: x,
+                        y: y + 7,
+                        fill: color,
+                        'data-minute': i
+                    });
+                    svgMinuteText.textContent = i;
+
+                    if (!this.toggleTime(i, false)) {
+                        svgMinuteText.className += " disabled";
+                        svgMinuteText.setAttribute('fill', '#bdbdbd');
+                    } else {
+                        svgMinuteText.addEventListener('click', this._onSelectMinute.bind(this));
+                    }
+
+                    svgClockElement.appendChild(svgMinuteText)
+                }
+            }
+
+            this._centerBox();
+        },
+        animateHands: function () {
+            var H = this.currentDate.hour();
+            var M = this.currentDate.minute();
+
+            var hh = this.$dtpElement.find('.hour-hand');
+            hh[0].setAttribute('transform', "rotate(" + 360 * H / 12 + ")");
+
+            var mh = this.$dtpElement.find('.minute-hand');
+            mh[0].setAttribute('transform', "rotate(" + 360 * M / 60 + ")");
+        },
+        createSVGClock: function (isHour) {
+            var hl = ((this.params.shortTime) ? -120 : -90);
+
+            var svgElement = this.createSVGElement("svg", {class: 'svg-clock', viewBox: '0,0,400,400'});
+            var svgGElement = this.createSVGElement("g", {transform: 'translate(200,200) '});
+            var svgClockFace = this.createSVGElement("circle", {
+                r: '192',
+                fill: '#eee',
+                stroke: '#bdbdbd',
+                'stroke-width': 2
+            });
+            var svgClockCenter = this.createSVGElement("circle", {r: '15', fill: '#757575'});
+
+            svgGElement.appendChild(svgClockFace)
+
+            if (isHour) {
+                var svgMinuteHand = this.createSVGElement("line", {
+                    class: 'minute-hand',
+                    x1: 0,
+                    y1: 0,
+                    x2: 0,
+                    y2: -150,
+                    stroke: '#bdbdbd',
+                    'stroke-width': 2
+                });
+                var svgHourHand = this.createSVGElement("line", {
+                    class: 'hour-hand',
+                    x1: 0,
+                    y1: 0,
+                    x2: 0,
+                    y2: hl,
+                    stroke: '#8BC34A',
+                    'stroke-width': 8
+                });
+
+                svgGElement.appendChild(svgMinuteHand);
+                svgGElement.appendChild(svgHourHand);
+            } else {
+                var svgMinuteHand = this.createSVGElement("line", {
+                    class: 'minute-hand',
+                    x1: 0,
+                    y1: 0,
+                    x2: 0,
+                    y2: -150,
+                    stroke: '#8BC34A',
+                    'stroke-width': 2
+                });
+                var svgHourHand = this.createSVGElement("line", {
+                    class: 'hour-hand',
+                    x1: 0,
+                    y1: 0,
+                    x2: 0,
+                    y2: hl,
+                    stroke: '#bdbdbd',
+                    'stroke-width': 8
+                });
+
+                svgGElement.appendChild(svgHourHand);
+                svgGElement.appendChild(svgMinuteHand);
+            }
+
+            svgGElement.appendChild(svgClockCenter)
+
+            svgElement.appendChild(svgGElement)
+
+            this.$dtpElement.find("#dtp-svg-clock").empty();
+            this.$dtpElement.find("#dtp-svg-clock")[0].appendChild(svgElement);
+
+            this.animateHands();
+
+            return svgGElement;
+        },
+        createSVGElement: function (tag, attrs) {
+            var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
+            for (var k in attrs) {
+                el.setAttribute(k, attrs[k]);
+            }
+            return el;
+        },
+        isAfterMinDate: function (date, checkHour, checkMinute) {
+            var _return = true;
+
+            if (typeof (this.minDate) !== 'undefined' && this.minDate !== null) {
+                var _minDate = moment(this.minDate);
+                var _date = moment(date);
+
+                if (!checkHour && !checkMinute) {
+                    _minDate.hour(0);
+                    _minDate.minute(0);
+
+                    _date.hour(0);
+                    _date.minute(0);
+                }
+
+                _minDate.second(0);
+                _date.second(0);
+                _minDate.millisecond(0);
+                _date.millisecond(0);
+
+                if (!checkMinute) {
+                    _date.minute(0);
+                    _minDate.minute(0);
+
+                    _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X")));
+                } else {
+                    _return = (parseInt(_date.format("X")) >= parseInt(_minDate.format("X")));
+                }
+            }
+
+            return _return;
+        },
+        isBeforeMaxDate: function (date, checkTime, checkMinute) {
+            var _return = true;
+
+            if (typeof (this.maxDate) !== 'undefined' && this.maxDate !== null) {
+                var _maxDate = moment(this.maxDate);
+                var _date = moment(date);
+
+                if (!checkTime && !checkMinute) {
+                    _maxDate.hour(0);
+                    _maxDate.minute(0);
+
+                    _date.hour(0);
+                    _date.minute(0);
+                }
+
+                _maxDate.second(0);
+                _date.second(0);
+                _maxDate.millisecond(0);
+                _date.millisecond(0);
+
+                if (!checkMinute) {
+                    _date.minute(0);
+                    _maxDate.minute(0);
+
+                    _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X")));
+                } else {
+                    _return = (parseInt(_date.format("X")) <= parseInt(_maxDate.format("X")));
+                }
+            }
+
+            return _return;
+        },
+        rotateElement: function (el, deg) {
+            $(el).css
+            ({
+                WebkitTransform: 'rotate(' + deg + 'deg)',
+                '-moz-transform': 'rotate(' + deg + 'deg)'
+            });
+        },
+        showDate: function (date) {
+            if (date) {
+                this.$dtpElement.find('.dtp-actual-day').html(date.locale(this.params.lang).format('dddd'));
+                this.$dtpElement.find('.dtp-actual-month').html(date.locale(this.params.lang).format('MMM').toUpperCase());
+                this.$dtpElement.find('.dtp-actual-num').html(date.locale(this.params.lang).format('DD'));
+                this.$dtpElement.find('.dtp-actual-year').html(date.locale(this.params.lang).format('YYYY'));
+            }
+        },
+        showTime: function (date) {
+            if (date) {
+                var minutes = date.minute();
+                var content = ((this.params.shortTime) ? date.format('hh') : date.format('HH')) + ':' + ((minutes.toString().length == 2) ? minutes : '0' + minutes) + ((this.params.shortTime) ? ' ' + date.format('A') : '');
+
+                if (this.params.date)
+                    this.$dtpElement.find('.dtp-actual-time').html(content);
+                else {
+                    if (this.params.shortTime)
+                        this.$dtpElement.find('.dtp-actual-day').html(date.format('A'));
+                    else
+                        this.$dtpElement.find('.dtp-actual-day').html('&nbsp;');
+
+                    this.$dtpElement.find('.dtp-actual-maxtime').html(content);
+                }
+            }
+        },
+        selectDate: function (date) {
+            if (date) {
+                this.currentDate.date(date);
+
+                this.showDate(this.currentDate);
+                this.$element.trigger('dateSelected', this.currentDate);
+            }
+        },
+        generateCalendar: function (date) {
+            var _calendar = {};
+
+            if (date !== null) {
+                var startOfMonth = moment(date).locale(this.params.lang).startOf('month');
+                var endOfMonth = moment(date).locale(this.params.lang).endOf('month');
+
+                var iNumDay = startOfMonth.format('d');
+
+                _calendar.week = this.days;
+                _calendar.days = [];
+
+                for (var i = startOfMonth.date(); i <= endOfMonth.date(); i++) {
+                    if (i === startOfMonth.date()) {
+                        var iWeek = _calendar.week.indexOf(iNumDay.toString());
+                        if (iWeek > 0) {
+                            for (var x = 0; x < iWeek; x++) {
+                                _calendar.days.push(0);
+                            }
+                        }
+                    }
+                    _calendar.days.push(moment(startOfMonth).locale(this.params.lang).date(i));
+                }
+            }
+
+            return _calendar;
+        },
+        constructHTMLCalendar: function (date, calendar) {
+            var _template = "";
+
+            _template += '<div class="dtp-picker-month">' + date.locale(this.params.lang).format('MMMM YYYY') + '</div>';
+            _template += '<table class="table dtp-picker-days"><thead>';
+            for (var i = 0; i < calendar.week.length; i++) {
+                _template += '<th>' + moment(parseInt(calendar.week[i]), "d").locale(this.params.lang).format("dd").substring(0, 1) + '</th>';
+            }
+
+            _template += '</thead>';
+            _template += '<tbody><tr>';
+
+            for (var i = 0; i < calendar.days.length; i++) {
+                if (i % 7 == 0)
+                    _template += '</tr><tr>';
+                _template += '<td data-date="' + moment(calendar.days[i]).locale(this.params.lang).format("D") + '">';
+                if (calendar.days[i] != 0) {
+                    if (this.isBeforeMaxDate(moment(calendar.days[i]), false, false) === false || this.isAfterMinDate(moment(calendar.days[i]), false, false) === false) {
+                        _template += '<span class="dtp-select-day">' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + '</span>';
+                    } else {
+                        if (moment(calendar.days[i]).locale(this.params.lang).format("DD") === moment(this.currentDate).locale(this.params.lang).format("DD")) {
+                            _template += '<a href="javascript:void(0);" class="dtp-select-day selected">' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + '</a>';
+                        } else {
+                            _template += '<a href="javascript:void(0);" class="dtp-select-day">' + moment(calendar.days[i]).locale(this.params.lang).format("DD") + '</a>';
+                        }
+                    }
+
+                    _template += '</td>';
+                }
+            }
+            _template += '</tr></tbody></table>';
+
+            return _template;
+        },
+        setName: function () {
+            var text = "";
+            var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+
+            for (var i = 0; i < 5; i++) {
+                text += possible.charAt(Math.floor(Math.random() * possible.length));
+            }
+
+            return text;
+        },
+        isPM: function () {
+            return this.$dtpElement.find('a.dtp-meridien-pm').hasClass('selected');
+        },
+        setElementValue: function () {
+            this.$element.trigger('beforeChange', this.currentDate);
+            if (this.$element.hasClass("mdl-textfield__input")) {
+                this.$element.removeClass('empty');
+                this.$element.parent().addClass("is-dirty");
+            }
+
+            this.$element.val(moment(this.currentDate).locale(this.params.lang).format(this.params.format));
+
+            this.$element.trigger('change', this.currentDate);
+        },
+        toggleButtons: function (date) {
+            if (date && date.isValid()) {
+                var startOfMonth = moment(date).locale(this.params.lang).startOf('month');
+                var endOfMonth = moment(date).locale(this.params.lang).endOf('month');
+
+                if (!this.isAfterMinDate(startOfMonth, false, false)) {
+                    this.$dtpElement.find('a.dtp-select-month-before').addClass('invisible');
+                } else {
+                    this.$dtpElement.find('a.dtp-select-month-before').removeClass('invisible');
+                }
+
+                if (!this.isBeforeMaxDate(endOfMonth, false, false)) {
+                    this.$dtpElement.find('a.dtp-select-month-after').addClass('invisible');
+                } else {
+                    this.$dtpElement.find('a.dtp-select-month-after').removeClass('invisible');
+                }
+
+                var startOfYear = moment(date).locale(this.params.lang).startOf('year');
+                var endOfYear = moment(date).locale(this.params.lang).endOf('year');
+
+                if (!this.isAfterMinDate(startOfYear, false, false)) {
+                    this.$dtpElement.find('a.dtp-select-year-before').addClass('invisible');
+                } else {
+                    this.$dtpElement.find('a.dtp-select-year-before').removeClass('invisible');
+                }
+
+                if (!this.isBeforeMaxDate(endOfYear, false, false)) {
+                    this.$dtpElement.find('a.dtp-select-year-after').addClass('invisible');
+                } else {
+                    this.$dtpElement.find('a.dtp-select-year-after').removeClass('invisible');
+                }
+            }
+        },
+        toggleTime: function (value, isHours) {
+            var result = false;
+
+            if (isHours) {
+                var _date = moment(this.currentDate);
+                _date.hour(this.convertHours(value)).minute(0).second(0);
+
+                result = !(this.isAfterMinDate(_date, true, false) === false || this.isBeforeMaxDate(_date, true, false) === false);
+            } else {
+                var _date = moment(this.currentDate);
+                _date.minute(value).second(0);
+
+                result = !(this.isAfterMinDate(_date, true, true) === false || this.isBeforeMaxDate(_date, true, true) === false);
+            }
+
+            return result;
+        },
+        _attachEvent: function (el, ev, fn) {
+            el.on(ev, null, null, fn);
+            this._attachedEvents.push([el, ev, fn]);
+        },
+        _detachEvents: function () {
+            for (var i = this._attachedEvents.length - 1; i >= 0; i--) {
+                this._attachedEvents[i][0].off(this._attachedEvents[i][1], this._attachedEvents[i][2]);
+                this._attachedEvents.splice(i, 1);
+            }
+        },
+        _fireCalendar: function () {
+            this.currentView = 0;
+            this.$element.blur();
+
+            this.initDates();
+
+            this.show();
+
+            if (this.params.date) {
+                this.$dtpElement.find('.dtp-date').removeClass('hidden');
+                this.initDate();
+            } else {
+                if (this.params.time) {
+                    this.$dtpElement.find('.dtp-time').removeClass('hidden');
+                    this.initHours();
+                }
+            }
+        },
+        _onBackgroundClick: function (e) {
+            e.stopPropagation();
+            this.hide();
+        },
+        _onElementClick: function (e) {
+            e.stopPropagation();
+        },
+        _onKeydown: function (e) {
+            if (e.which === 27) {
+                this.hide();
+            }
+        },
+        _onCloseClick: function () {
+            this.hide();
+        },
+        _onClearClick: function () {
+            this.currentDate = null;
+            this.$element.trigger('beforeChange', this.currentDate);
+            this.hide();
+            if (typeof ($.material) !== 'undefined') {
+                this.$element.addClass('empty');
+            }
+            this.$element.val('');
+            this.$element.trigger('change', this.currentDate);
+        },
+        _onNowClick: function () {
+            this.currentDate = moment();
+
+            if (this.params.date === true) {
+                this.showDate(this.currentDate);
+
+                if (this.currentView === 0) {
+                    this.initDate();
+                }
+            }
+
+            if (this.params.time === true) {
+                this.showTime(this.currentDate);
+
+                switch (this.currentView) {
+                    case 1 :
+                        this.initHours();
+                        break;
+                    case 2 :
+                        this.initMinutes();
+                        break;
+                }
+
+                this.animateHands();
+            }
+        },
+        _onOKClick: function () {
+            switch (this.currentView) {
+                case 0:
+                    if (this.params.time === true) {
+                        this.initHours();
+                    } else {
+                        this.setElementValue();
+                        this.hide();
+                    }
+                    break;
+                case 1:
+                    this.initMinutes();
+                    break;
+                case 2:
+                    this.setElementValue();
+                    this.hide();
+                    break;
+            }
+        },
+        _onCancelClick: function () {
+            if (this.params.time) {
+                switch (this.currentView) {
+                    case 0:
+                        this.hide();
+                        break;
+                    case 1:
+                        if (this.params.date) {
+                            this.initDate();
+                        } else {
+                            this.hide();
+                        }
+                        break;
+                    case 2:
+                        this.initHours();
+                        break;
+                }
+            } else {
+                this.hide();
+            }
+        },
+        _onMonthBeforeClick: function () {
+            this.currentDate.subtract(1, 'months');
+            this.initDate(this.currentDate);
+        },
+        _onMonthAfterClick: function () {
+            this.currentDate.add(1, 'months');
+            this.initDate(this.currentDate);
+        },
+        _onYearBeforeClick: function () {
+            this.currentDate.subtract(1, 'years');
+            this.initDate(this.currentDate);
+        },
+        _onYearAfterClick: function () {
+            this.currentDate.add(1, 'years');
+            this.initDate(this.currentDate);
+        },
+        _onSelectDate: function (e) {
+            this.$dtpElement.find('a.dtp-select-day').removeClass('selected');
+            $(e.currentTarget).addClass('selected');
+
+            this.selectDate($(e.currentTarget).parent().data("date"));
+
+            if (this.params.switchOnClick === true && this.params.time === true)
+                setTimeout(this.initHours.bind(this), 200);
+
+            if (this.params.switchOnClick === true && this.params.time === false) {
+                setTimeout(this._onOKClick.bind(this), 200);
+            }
+
+        },
+        _onSelectHour: function (e) {
+            if (!$(e.target).hasClass('disabled')) {
+                var value = $(e.target).data('hour');
+                var parent = $(e.target).parent();
+
+                var h = parent.find('.dtp-select-hour');
+                for (var i = 0; i < h.length; i++) {
+                    $(h[i]).attr('fill', 'transparent');
+                }
+                var th = parent.find('.dtp-select-hour-text');
+                for (var i = 0; i < th.length; i++) {
+                    $(th[i]).attr('fill', '#000');
+                }
+
+                $(parent.find('#h-' + value)).attr('fill', '#8BC34A');
+                $(parent.find('#th-' + value)).attr('fill', '#fff');
+
+                this.currentDate.hour(parseInt(value));
+
+                if (this.params.shortTime === true && this.isPM()) {
+                    this.currentDate.add(12, 'hours');
+                }
+
+                this.showTime(this.currentDate);
+
+                this.animateHands();
+
+                if (this.params.switchOnClick === true)
+                    setTimeout(this.initMinutes.bind(this), 200);
+            }
+        },
+        _onSelectMinute: function (e) {
+            if (!$(e.target).hasClass('disabled')) {
+                var value = $(e.target).data('minute');
+                var parent = $(e.target).parent();
+
+                var m = parent.find('.dtp-select-minute');
+                for (var i = 0; i < m.length; i++) {
+                    $(m[i]).attr('fill', 'transparent');
+                }
+                var tm = parent.find('.dtp-select-minute-text');
+                for (var i = 0; i < tm.length; i++) {
+                    $(tm[i]).attr('fill', '#000');
+                }
+
+                $(parent.find('#m-' + value)).attr('fill', '#8BC34A');
+                $(parent.find('#tm-' + value)).attr('fill', '#fff');
+
+                this.currentDate.minute(parseInt(value));
+                this.showTime(this.currentDate);
+
+                this.animateHands();
+
+                if (this.params.switchOnClick === true)
+                    setTimeout(function () {
+                        this.setElementValue();
+                        this.hide();
+                    }.bind(this), 200);
+            }
+        },
+        _onSelectAM: function (e) {
+            $('.dtp-actual-meridien').find('a').removeClass('selected');
+            $(e.currentTarget).addClass('selected');
+
+            if (this.currentDate.hour() >= 12) {
+                if (this.currentDate.subtract(12, 'hours'))
+                    this.showTime(this.currentDate);
+            }
+            this.toggleTime((this.currentView === 1));
+        },
+        _onSelectPM: function (e) {
+            $('.dtp-actual-meridien').find('a').removeClass('selected');
+            $(e.currentTarget).addClass('selected');
+
+            if (this.currentDate.hour() < 12) {
+                if (this.currentDate.add(12, 'hours'))
+                    this.showTime(this.currentDate);
+            }
+            this.toggleTime((this.currentView === 1));
+        },
+        convertHours: function (h) {
+            var _return = h;
+
+            if (this.params.shortTime === true) {
+                if ((h < 12) && this.isPM()) {
+                    _return += 12;
+                }
+            }
+
+            return _return;
+        },
+        setDate: function (date) {
+            this.params.currentDate = date;
+            this.initDates();
+        },
+        setMinDate: function (date) {
+            this.params.minDate = date;
+            this.initDates();
+        },
+        setMaxDate: function (date) {
+            this.params.maxDate = date;
+            this.initDates();
+        },
+        destroy: function () {
+            this._detachEvents();
+            this.$dtpElement.remove();
+        },
+        show: function () {
+            this.$dtpElement.removeClass('hidden');
+            this._attachEvent($(window), 'keydown', this._onKeydown.bind(this));
+            this._centerBox();
+        },
+        hide: function () {
+            $(window).off('keydown', null, null, this._onKeydown.bind(this));
+            this.$dtpElement.addClass('hidden');
+        },
+        _centerBox: function () {
+            var h = (this.$dtpElement.height() - this.$dtpElement.find('.dtp-content').height()) / 2;
+            this.$dtpElement.find('.dtp-content').css('marginLeft', -(this.$dtpElement.find('.dtp-content').width() / 2) + 'px');
+            this.$dtpElement.find('.dtp-content').css('top', h + 'px');
+        },
+        enableDays: function () {
+            var enableDays = this.params.enableDays;
+            if (enableDays) {
+                $(".dtp-picker-days tbody tr td").each(function () {
+                    if (!(($.inArray($(this).index(), enableDays)) >= 0)) {
+                        $(this).find('a').css({
+                            "background": "#e3e3e3",
+                            "cursor": "no-drop",
+                            "opacity": "0.5"
+                        }).off("click");
+                    }
+                });
+            }
+        }
+
+    };
+})(jQuery, moment);
\ No newline at end of file
diff --git a/inc/themes/material-blue/js/bootstrap-material-datetimepicker.min.js b/inc/themes/material-blue/js/bootstrap-material-datetimepicker.min.js
new file mode 100644
index 00000000..764219f1
--- /dev/null
+++ b/inc/themes/material-blue/js/bootstrap-material-datetimepicker.min.js
@@ -0,0 +1,48 @@
+var $jscomp={scope:{},findInternal:function(e,f,g){e instanceof String&&(e=String(e));for(var a=e.length,b=0;b<a;b++){var d=e[b];if(f.call(g,d,b,e))return{i:b,v:d}}return{i:-1,v:void 0}}};$jscomp.defineProperty="function"==typeof Object.defineProperties?Object.defineProperty:function(e,f,g){if(g.get||g.set)throw new TypeError("ES3 does not support getters and setters.");e!=Array.prototype&&e!=Object.prototype&&(e[f]=g.value)};
+$jscomp.getGlobal=function(e){return"undefined"!=typeof window&&window===e?e:"undefined"!=typeof global?global:e};$jscomp.global=$jscomp.getGlobal(this);$jscomp.polyfill=function(e,f,g,a){if(f){g=$jscomp.global;e=e.split(".");for(a=0;a<e.length-1;a++){var b=e[a];b in g||(g[b]={});g=g[b]}e=e[e.length-1];a=g[e];f=f(a);f!=a&&null!=f&&$jscomp.defineProperty(g,e,{configurable:!0,writable:!0,value:f})}};
+$jscomp.polyfill("Array.prototype.find",function(e){return e?e:function(e,g){return $jscomp.findInternal(this,e,g).v}},"es6-impl","es3");
+(function(e,f){function g(a,b){this.currentView=0;this.minDate;this.maxDate;this._attachedEvents=[];this.element=a;this.$element=e(a);this.params={date:!0,time:!0,format:"YYYY-MM-DD",minDate:null,maxDate:null,currentDate:null,lang:"en",weekStart:0,shortTime:!1,clearButton:!1,nowButton:!1,cancelText:"Cancel",okText:"OK",clearText:"Clear",nowText:"Now",switchOnClick:!1,triggerEvent:"focus"};this.params=e.fn.extend(this.params,b);this.name="dtp_"+this.setName();this.$element.attr("data-dtp",this.name);
+f.locale(this.params.lang);this.init()}f.locale("en");e.fn.bootstrapMaterialDatePicker=function(a,b){this.each(function(){if(e.data(this,"plugin_bootstrapMaterialDatePicker")){if("function"===typeof e.data(this,"plugin_bootstrapMaterialDatePicker")[a])e.data(this,"plugin_bootstrapMaterialDatePicker")[a](b);"destroy"===a&&e.removeData(this)}else e.data(this,"plugin_bootstrapMaterialDatePicker",new g(this,a))});return this};g.prototype={init:function(){this.initDays();this.initDates();this.initTemplate();
+this.initButtons();this._attachEvent(e(window),"resize",this._centerBox.bind(this));this._attachEvent(this.$dtpElement.find(".dtp-content"),"click",this._onElementClick.bind(this));this._attachEvent(this.$dtpElement,"click",this._onBackgroundClick.bind(this));this._attachEvent(this.$dtpElement.find(".dtp-close > a"),"click",this._onCloseClick.bind(this));this._attachEvent(this.$element,this.params.triggerEvent,this._fireCalendar.bind(this))},initDays:function(){this.days=[];for(var a=this.params.weekStart;7>
+this.days.length;a++)6<a&&(a=0),this.days.push(a.toString())},initDates:function(){if(0<this.$element.val().length)this.currentDate="undefined"!==typeof this.params.format&&null!==this.params.format?f(this.$element.val(),this.params.format).locale(this.params.lang):f(this.$element.val()).locale(this.params.lang);else if("undefined"!==typeof this.$element.attr("value")&&null!==this.$element.attr("value")&&""!==this.$element.attr("value"))"string"===typeof this.$element.attr("value")&&(this.currentDate=
+"undefined"!==typeof this.params.format&&null!==this.params.format?f(this.$element.attr("value"),this.params.format).locale(this.params.lang):f(this.$element.attr("value")).locale(this.params.lang));else if("undefined"!==typeof this.params.currentDate&&null!==this.params.currentDate){if("string"===typeof this.params.currentDate)this.currentDate="undefined"!==typeof this.params.format&&null!==this.params.format?f(this.params.currentDate,this.params.format).locale(this.params.lang):f(this.params.currentDate).locale(this.params.lang);
+else if("undefined"===typeof this.params.currentDate.isValid||"function"!==typeof this.params.currentDate.isValid){var a=this.params.currentDate.getTime();this.currentDate=f(a,"x").locale(this.params.lang)}else this.currentDate=this.params.currentDate;this.$element.val(this.currentDate.format(this.params.format))}else this.currentDate=f();"undefined"!==typeof this.params.minDate&&null!==this.params.minDate?"string"===typeof this.params.minDate?this.minDate="undefined"!==typeof this.params.format&&
+null!==this.params.format?f(this.params.minDate,this.params.format).locale(this.params.lang):f(this.params.minDate).locale(this.params.lang):"undefined"===typeof this.params.minDate.isValid||"function"!==typeof this.params.minDate.isValid?(a=this.params.minDate.getTime(),this.minDate=f(a,"x").locale(this.params.lang)):this.minDate=this.params.minDate:null===this.params.minDate&&(this.minDate=null);"undefined"!==typeof this.params.maxDate&&null!==this.params.maxDate?"string"===typeof this.params.maxDate?
+this.maxDate="undefined"!==typeof this.params.format&&null!==this.params.format?f(this.params.maxDate,this.params.format).locale(this.params.lang):f(this.params.maxDate).locale(this.params.lang):"undefined"===typeof this.params.maxDate.isValid||"function"!==typeof this.params.maxDate.isValid?(a=this.params.maxDate.getTime(),this.maxDate=f(a,"x").locale(this.params.lang)):this.maxDate=this.params.maxDate:null===this.params.maxDate&&(this.maxDate=null);this.isAfterMinDate(this.currentDate)||(this.currentDate=
+f(this.minDate));this.isBeforeMaxDate(this.currentDate)||(this.currentDate=f(this.maxDate))},initTemplate:function(){this.template='<div class="dtp hidden" id="'+this.name+'"><div class="dtp-content"><div class="dtp-date-view"><header class="dtp-header"><div class="dtp-actual-day">Lundi</div><div class="dtp-close"><a href="javascript:void(0);"><i class="material-icons">clear</i></a></div></header><div class="dtp-date hidden"><div><div class="left center p10"><a href="javascript:void(0);" class="dtp-select-month-before"><i class="material-icons">chevron_left</i></a></div><div class="dtp-actual-month p80">MAR</div><div class="right center p10"><a href="javascript:void(0);" class="dtp-select-month-after"><i class="material-icons">chevron_right</i></a></div><div class="clearfix"></div></div><div class="dtp-actual-num">13</div><div><div class="left center p10"><a href="javascript:void(0);" class="dtp-select-year-before"><i class="material-icons">chevron_left</i></a></div><div class="dtp-actual-year p80">2014</div><div class="right center p10"><a href="javascript:void(0);" class="dtp-select-year-after"><i class="material-icons">chevron_right</i></a></div><div class="clearfix"></div></div></div><div class="dtp-time hidden"><div class="dtp-actual-maxtime">23:55</div></div><div class="dtp-picker"><div class="dtp-picker-calendar"></div><div class="dtp-picker-datetime hidden"><div class="dtp-actual-meridien"><div class="left p20"><a class="dtp-meridien-am" href="javascript:void(0);">AM</a></div><div class="dtp-actual-time p60"></div><div class="right p20"><a class="dtp-meridien-pm" href="javascript:void(0);">PM</a></div><div class="clearfix"></div></div><div id="dtp-svg-clock"></div></div></div></div><div class="dtp-buttons"><button class="dtp-btn-now btn btn-flat hidden mdl-button mdl-js-button">'+
+this.params.nowText+'</button><button class="dtp-btn-clear btn btn-flat hidden mdl-button mdl-js-button">'+this.params.clearText+'</button><button class="dtp-btn-cancel btn btn-flat mdl-button mdl-js-button mdl-button--primary">'+this.params.cancelText+'</button><button class="dtp-btn-ok btn btn-flat mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary">'+this.params.okText+'</button><div class="clearfix"></div></div></div></div>';var a=e("body");0>=a.find("#"+this.name).length&&(a.append(this.template),
+this&&(this.dtpElement=a.find("#"+this.name)),this.$dtpElement=e(this.dtpElement))},initButtons:function(){this._attachEvent(this.$dtpElement.find(".dtp-btn-cancel"),"click",this._onCancelClick.bind(this));this._attachEvent(this.$dtpElement.find(".dtp-btn-ok"),"click",this._onOKClick.bind(this));this._attachEvent(this.$dtpElement.find("a.dtp-select-month-before"),"click",this._onMonthBeforeClick.bind(this));this._attachEvent(this.$dtpElement.find("a.dtp-select-month-after"),"click",this._onMonthAfterClick.bind(this));
+this._attachEvent(this.$dtpElement.find("a.dtp-select-year-before"),"click",this._onYearBeforeClick.bind(this));this._attachEvent(this.$dtpElement.find("a.dtp-select-year-after"),"click",this._onYearAfterClick.bind(this));!0===this.params.clearButton&&(this._attachEvent(this.$dtpElement.find(".dtp-btn-clear"),"click",this._onClearClick.bind(this)),this.$dtpElement.find(".dtp-btn-clear").removeClass("hidden"));!0===this.params.nowButton&&(this._attachEvent(this.$dtpElement.find(".dtp-btn-now"),"click",
+this._onNowClick.bind(this)),this.$dtpElement.find(".dtp-btn-now").removeClass("hidden"));!0===this.params.nowButton&&!0===this.params.clearButton?this.$dtpElement.find(".dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok").addClass("btn-xs"):!0!==this.params.nowButton&&!0!==this.params.clearButton||this.$dtpElement.find(".dtp-btn-clear, .dtp-btn-now, .dtp-btn-cancel, .dtp-btn-ok").addClass("btn-sm")},initMeridienButtons:function(){this.$dtpElement.find("a.dtp-meridien-am").off("click").on("click",
+this._onSelectAM.bind(this));this.$dtpElement.find("a.dtp-meridien-pm").off("click").on("click",this._onSelectPM.bind(this))},initDate:function(a){this.currentView=0;this.$dtpElement.find(".dtp-picker-calendar").removeClass("hidden");this.$dtpElement.find(".dtp-picker-datetime").addClass("hidden");a="undefined"!==typeof this.currentDate&&null!==this.currentDate?this.currentDate:null;var b=this.generateCalendar(this.currentDate);"undefined"!==typeof b.week&&"undefined"!==typeof b.days&&(b=this.constructHTMLCalendar(a,
+b),this.$dtpElement.find("a.dtp-select-day").off("click"),this.$dtpElement.find(".dtp-picker-calendar").html(b),this.$dtpElement.find("a.dtp-select-day").on("click",this._onSelectDate.bind(this)),this.toggleButtons(a));this._centerBox();this.showDate(a)},initHours:function(){this.currentView=1;this.showTime(this.currentDate);this.initMeridienButtons();12>this.currentDate.hour()?this.$dtpElement.find("a.dtp-meridien-am").click():this.$dtpElement.find("a.dtp-meridien-pm").click();var a=this.params.shortTime?
+"h":"H";this.$dtpElement.find(".dtp-picker-datetime").removeClass("hidden");this.$dtpElement.find(".dtp-picker-calendar").addClass("hidden");for(var b=this.createSVGClock(!0),d=0;12>d;d++){var c=-(162*Math.sin(d/12*-Math.PI*2)),e=-(162*Math.cos(d/12*-Math.PI*2)),f=this.currentDate.format(a)==d?"#8BC34A":"transparent",g=this.currentDate.format(a)==d?"#fff":"#000",f=this.createSVGElement("circle",{id:"h-"+d,"class":"dtp-select-hour",style:"cursor:pointer",r:"30",cx:c,cy:e,fill:f,"data-hour":d}),c=this.createSVGElement("text",
+{id:"th-"+d,"class":"dtp-select-hour-text","text-anchor":"middle",style:"cursor:pointer","font-weight":"bold","font-size":"20",x:c,y:e+7,fill:g,"data-hour":d});c.textContent=0===d?this.params.shortTime?12:d:d;this.toggleTime(d,!0)?(f.addEventListener("click",this._onSelectHour.bind(this)),c.addEventListener("click",this._onSelectHour.bind(this))):(f.className+=" disabled",c.className+=" disabled",c.setAttribute("fill","#bdbdbd"));b.appendChild(f);b.appendChild(c)}if(!this.params.shortTime){for(d=
+0;12>d;d++)c=-(110*Math.sin(d/12*-Math.PI*2)),e=-(110*Math.cos(d/12*-Math.PI*2)),f=this.currentDate.format(a)==d+12?"#8BC34A":"transparent",g=this.currentDate.format(a)==d+12?"#fff":"#000",f=this.createSVGElement("circle",{id:"h-"+(d+12),"class":"dtp-select-hour",style:"cursor:pointer",r:"30",cx:c,cy:e,fill:f,"data-hour":d+12}),c=this.createSVGElement("text",{id:"th-"+(d+12),"class":"dtp-select-hour-text","text-anchor":"middle",style:"cursor:pointer","font-weight":"bold","font-size":"22",x:c,y:e+
+7,fill:g,"data-hour":d+12}),c.textContent=d+12,this.toggleTime(d+12,!0)?(f.addEventListener("click",this._onSelectHour.bind(this)),c.addEventListener("click",this._onSelectHour.bind(this))):(f.className+=" disabled",c.className+=" disabled",c.setAttribute("fill","#bdbdbd")),b.appendChild(f),b.appendChild(c);this.$dtpElement.find("a.dtp-meridien-am").addClass("hidden");this.$dtpElement.find("a.dtp-meridien-pm").addClass("hidden")}this._centerBox()},initMinutes:function(){this.currentView=2;this.showTime(this.currentDate);
+this.initMeridienButtons();12>this.currentDate.hour()?this.$dtpElement.find("a.dtp-meridien-am").click():this.$dtpElement.find("a.dtp-meridien-pm").click();this.$dtpElement.find(".dtp-picker-calendar").addClass("hidden");this.$dtpElement.find(".dtp-picker-datetime").removeClass("hidden");for(var a=this.createSVGClock(!1),b=0;60>b;b++){var d=0===b%5?162:158,c=0===b%5?30:20,e=-(d*Math.sin(b/60*-Math.PI*2)),d=-(d*Math.cos(b/60*-Math.PI*2)),f=this.currentDate.format("m")==b?"#8BC34A":"transparent",c=
+this.createSVGElement("circle",{id:"m-"+b,"class":"dtp-select-minute",style:"cursor:pointer",r:c,cx:e,cy:d,fill:f,"data-minute":b});this.toggleTime(b,!1)?c.addEventListener("click",this._onSelectMinute.bind(this)):c.className+=" disabled";a.appendChild(c)}for(b=0;60>b;b++)0===b%5&&(e=-(162*Math.sin(b/60*-Math.PI*2)),d=-(162*Math.cos(b/60*-Math.PI*2)),f=this.currentDate.format("m")==b?"#fff":"#000",c=this.createSVGElement("text",{id:"tm-"+b,"class":"dtp-select-minute-text","text-anchor":"middle",style:"cursor:pointer",
+"font-weight":"bold","font-size":"20",x:e,y:d+7,fill:f,"data-minute":b}),c.textContent=b,this.toggleTime(b,!1)?c.addEventListener("click",this._onSelectMinute.bind(this)):(c.className+=" disabled",c.setAttribute("fill","#bdbdbd")),a.appendChild(c));this._centerBox()},animateHands:function(){var a=this.currentDate.hour(),b=this.currentDate.minute();this.$dtpElement.find(".hour-hand")[0].setAttribute("transform","rotate("+360*a/12+")");this.$dtpElement.find(".minute-hand")[0].setAttribute("transform",
+"rotate("+360*b/60+")")},createSVGClock:function(a){var b=this.params.shortTime?-120:-90,d=this.createSVGElement("svg",{"class":"svg-clock",viewBox:"0,0,400,400"}),c=this.createSVGElement("g",{transform:"translate(200,200) "}),e=this.createSVGElement("circle",{r:"192",fill:"#eee",stroke:"#bdbdbd","stroke-width":2}),f=this.createSVGElement("circle",{r:"15",fill:"#757575"});c.appendChild(e);a?(a=this.createSVGElement("line",{"class":"minute-hand",x1:0,y1:0,x2:0,y2:-150,stroke:"#bdbdbd","stroke-width":2}),
+b=this.createSVGElement("line",{"class":"hour-hand",x1:0,y1:0,x2:0,y2:b,stroke:"#8BC34A","stroke-width":8}),c.appendChild(a),c.appendChild(b)):(a=this.createSVGElement("line",{"class":"minute-hand",x1:0,y1:0,x2:0,y2:-150,stroke:"#8BC34A","stroke-width":2}),b=this.createSVGElement("line",{"class":"hour-hand",x1:0,y1:0,x2:0,y2:b,stroke:"#bdbdbd","stroke-width":8}),c.appendChild(b),c.appendChild(a));c.appendChild(f);d.appendChild(c);this.$dtpElement.find("#dtp-svg-clock").empty();this.$dtpElement.find("#dtp-svg-clock")[0].appendChild(d);
+this.animateHands();return c},createSVGElement:function(a,b){var d=document.createElementNS("http://www.w3.org/2000/svg",a),c;for(c in b)d.setAttribute(c,b[c]);return d},isAfterMinDate:function(a,b,d){var c=!0;"undefined"!==typeof this.minDate&&null!==this.minDate&&(c=f(this.minDate),a=f(a),b||d||(c.hour(0),c.minute(0),a.hour(0),a.minute(0)),c.second(0),a.second(0),c.millisecond(0),a.millisecond(0),d||(a.minute(0),c.minute(0)),c=parseInt(a.format("X"))>=parseInt(c.format("X")));return c},isBeforeMaxDate:function(a,
+b,d){var c=!0;"undefined"!==typeof this.maxDate&&null!==this.maxDate&&(c=f(this.maxDate),a=f(a),b||d||(c.hour(0),c.minute(0),a.hour(0),a.minute(0)),c.second(0),a.second(0),c.millisecond(0),a.millisecond(0),d||(a.minute(0),c.minute(0)),c=parseInt(a.format("X"))<=parseInt(c.format("X")));return c},rotateElement:function(a,b){e(a).css({WebkitTransform:"rotate("+b+"deg)","-moz-transform":"rotate("+b+"deg)"})},showDate:function(a){a&&(this.$dtpElement.find(".dtp-actual-day").html(a.locale(this.params.lang).format("dddd")),
+this.$dtpElement.find(".dtp-actual-month").html(a.locale(this.params.lang).format("MMM").toUpperCase()),this.$dtpElement.find(".dtp-actual-num").html(a.locale(this.params.lang).format("DD")),this.$dtpElement.find(".dtp-actual-year").html(a.locale(this.params.lang).format("YYYY")))},showTime:function(a){if(a){var b=a.minute(),b=(this.params.shortTime?a.format("hh"):a.format("HH"))+":"+(2==b.toString().length?b:"0"+b)+(this.params.shortTime?" "+a.format("A"):"");this.params.date?this.$dtpElement.find(".dtp-actual-time").html(b):
+(this.params.shortTime?this.$dtpElement.find(".dtp-actual-day").html(a.format("A")):this.$dtpElement.find(".dtp-actual-day").html("&nbsp;"),this.$dtpElement.find(".dtp-actual-maxtime").html(b))}},selectDate:function(a){a&&(this.currentDate.date(a),this.showDate(this.currentDate),this.$element.trigger("dateSelected",this.currentDate))},generateCalendar:function(a){var b={};if(null!==a){var d=f(a).locale(this.params.lang).startOf("month");a=f(a).locale(this.params.lang).endOf("month");var c=d.format("d");
+b.week=this.days;b.days=[];for(var e=d.date();e<=a.date();e++){if(e===d.date()){var g=b.week.indexOf(c.toString());if(0<g)for(var h=0;h<g;h++)b.days.push(0)}b.days.push(f(d).locale(this.params.lang).date(e))}}return b},constructHTMLCalendar:function(a,b){var d;d=""+('<div class="dtp-picker-month">'+a.locale(this.params.lang).format("MMMM YYYY")+"</div>");d+='<table class="table dtp-picker-days"><thead>';for(var c=0;c<b.week.length;c++)d+="<th>"+f(parseInt(b.week[c]),"d").locale(this.params.lang).format("dd").substring(0,
+1)+"</th>";d+="</thead><tbody><tr>";for(c=0;c<b.days.length;c++)0==c%7&&(d+="</tr><tr>"),d+='<td data-date="'+f(b.days[c]).locale(this.params.lang).format("D")+'">',0!=b.days[c]&&(d=!1===this.isBeforeMaxDate(f(b.days[c]),!1,!1)||!1===this.isAfterMinDate(f(b.days[c]),!1,!1)?d+('<span class="dtp-select-day">'+f(b.days[c]).locale(this.params.lang).format("DD")+"</span>"):f(b.days[c]).locale(this.params.lang).format("DD")===f(this.currentDate).locale(this.params.lang).format("DD")?d+('<a href="javascript:void(0);" class="dtp-select-day selected">'+
+f(b.days[c]).locale(this.params.lang).format("DD")+"</a>"):d+('<a href="javascript:void(0);" class="dtp-select-day">'+f(b.days[c]).locale(this.params.lang).format("DD")+"</a>"),d+="</td>");return d+"</tr></tbody></table>"},setName:function(){for(var a="",b=0;5>b;b++)a+="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(62*Math.random()));return a},isPM:function(){return this.$dtpElement.find("a.dtp-meridien-pm").hasClass("selected")},setElementValue:function(){this.$element.trigger("beforeChange",
+this.currentDate);this.$element.hasClass("mdl-textfield__input")&&(this.$element.removeClass("empty"),this.$element.parent().addClass("is-dirty"));this.$element.val(f(this.currentDate).locale(this.params.lang).format(this.params.format));this.$element.trigger("change",this.currentDate)},toggleButtons:function(a){if(a&&a.isValid()){var b=f(a).locale(this.params.lang).startOf("month"),d=f(a).locale(this.params.lang).endOf("month");this.isAfterMinDate(b,!1,!1)?this.$dtpElement.find("a.dtp-select-month-before").removeClass("invisible"):
+this.$dtpElement.find("a.dtp-select-month-before").addClass("invisible");this.isBeforeMaxDate(d,!1,!1)?this.$dtpElement.find("a.dtp-select-month-after").removeClass("invisible"):this.$dtpElement.find("a.dtp-select-month-after").addClass("invisible");b=f(a).locale(this.params.lang).startOf("year");a=f(a).locale(this.params.lang).endOf("year");this.isAfterMinDate(b,!1,!1)?this.$dtpElement.find("a.dtp-select-year-before").removeClass("invisible"):this.$dtpElement.find("a.dtp-select-year-before").addClass("invisible");
+this.isBeforeMaxDate(a,!1,!1)?this.$dtpElement.find("a.dtp-select-year-after").removeClass("invisible"):this.$dtpElement.find("a.dtp-select-year-after").addClass("invisible")}},toggleTime:function(a,b){var d;b?(d=f(this.currentDate),d.hour(this.convertHours(a)).minute(0).second(0),d=!(!1===this.isAfterMinDate(d,!0,!1)||!1===this.isBeforeMaxDate(d,!0,!1))):(d=f(this.currentDate),d.minute(a).second(0),d=!(!1===this.isAfterMinDate(d,!0,!0)||!1===this.isBeforeMaxDate(d,!0,!0)));return d},_attachEvent:function(a,
+b,d){a.on(b,null,null,d);this._attachedEvents.push([a,b,d])},_detachEvents:function(){for(var a=this._attachedEvents.length-1;0<=a;a--)this._attachedEvents[a][0].off(this._attachedEvents[a][1],this._attachedEvents[a][2]),this._attachedEvents.splice(a,1)},_fireCalendar:function(){this.currentView=0;this.$element.blur();this.initDates();this.show();this.params.date?(this.$dtpElement.find(".dtp-date").removeClass("hidden"),this.initDate()):this.params.time&&(this.$dtpElement.find(".dtp-time").removeClass("hidden"),
+this.initHours())},_onBackgroundClick:function(a){a.stopPropagation();this.hide()},_onElementClick:function(a){a.stopPropagation()},_onKeydown:function(a){27===a.which&&this.hide()},_onCloseClick:function(){this.hide()},_onClearClick:function(){this.currentDate=null;this.$element.trigger("beforeChange",this.currentDate);this.hide();"undefined"!==typeof e.material&&this.$element.addClass("empty");this.$element.val("");this.$element.trigger("change",this.currentDate)},_onNowClick:function(){this.currentDate=
+f();!0===this.params.date&&(this.showDate(this.currentDate),0===this.currentView&&this.initDate());if(!0===this.params.time){this.showTime(this.currentDate);switch(this.currentView){case 1:this.initHours();break;case 2:this.initMinutes()}this.animateHands()}},_onOKClick:function(){switch(this.currentView){case 0:!0===this.params.time?this.initHours():(this.setElementValue(),this.hide());break;case 1:this.initMinutes();break;case 2:this.setElementValue(),this.hide()}},_onCancelClick:function(){if(this.params.time)switch(this.currentView){case 0:this.hide();
+break;case 1:this.params.date?this.initDate():this.hide();break;case 2:this.initHours()}else this.hide()},_onMonthBeforeClick:function(){this.currentDate.subtract(1,"months");this.initDate(this.currentDate)},_onMonthAfterClick:function(){this.currentDate.add(1,"months");this.initDate(this.currentDate)},_onYearBeforeClick:function(){this.currentDate.subtract(1,"years");this.initDate(this.currentDate)},_onYearAfterClick:function(){this.currentDate.add(1,"years");this.initDate(this.currentDate)},_onSelectDate:function(a){this.$dtpElement.find("a.dtp-select-day").removeClass("selected");
+e(a.currentTarget).addClass("selected");this.selectDate(e(a.currentTarget).parent().data("date"));!0===this.params.switchOnClick&&!0===this.params.time&&setTimeout(this.initHours.bind(this),200);!0===this.params.switchOnClick&&!1===this.params.time&&setTimeout(this._onOKClick.bind(this),200)},_onSelectHour:function(a){if(!e(a.target).hasClass("disabled")){var b=e(a.target).data("hour");a=e(a.target).parent();for(var d=a.find(".dtp-select-hour"),c=0;c<d.length;c++)e(d[c]).attr("fill","transparent");
+d=a.find(".dtp-select-hour-text");for(c=0;c<d.length;c++)e(d[c]).attr("fill","#000");e(a.find("#h-"+b)).attr("fill","#8BC34A");e(a.find("#th-"+b)).attr("fill","#fff");this.currentDate.hour(parseInt(b));!0===this.params.shortTime&&this.isPM()&&this.currentDate.add(12,"hours");this.showTime(this.currentDate);this.animateHands();!0===this.params.switchOnClick&&setTimeout(this.initMinutes.bind(this),200)}},_onSelectMinute:function(a){if(!e(a.target).hasClass("disabled")){var b=e(a.target).data("minute");
+a=e(a.target).parent();for(var d=a.find(".dtp-select-minute"),c=0;c<d.length;c++)e(d[c]).attr("fill","transparent");d=a.find(".dtp-select-minute-text");for(c=0;c<d.length;c++)e(d[c]).attr("fill","#000");e(a.find("#m-"+b)).attr("fill","#8BC34A");e(a.find("#tm-"+b)).attr("fill","#fff");this.currentDate.minute(parseInt(b));this.showTime(this.currentDate);this.animateHands();!0===this.params.switchOnClick&&setTimeout(function(){this.setElementValue();this.hide()}.bind(this),200)}},_onSelectAM:function(a){e(".dtp-actual-meridien").find("a").removeClass("selected");
+e(a.currentTarget).addClass("selected");12<=this.currentDate.hour()&&this.currentDate.subtract(12,"hours")&&this.showTime(this.currentDate);this.toggleTime(1===this.currentView)},_onSelectPM:function(a){e(".dtp-actual-meridien").find("a").removeClass("selected");e(a.currentTarget).addClass("selected");12>this.currentDate.hour()&&this.currentDate.add(12,"hours")&&this.showTime(this.currentDate);this.toggleTime(1===this.currentView)},convertHours:function(a){var b=a;!0===this.params.shortTime&&12>a&&
+this.isPM()&&(b+=12);return b},setDate:function(a){this.params.currentDate=a;this.initDates()},setMinDate:function(a){this.params.minDate=a;this.initDates()},setMaxDate:function(a){this.params.maxDate=a;this.initDates()},destroy:function(){this._detachEvents();this.$dtpElement.remove()},show:function(){this.$dtpElement.removeClass("hidden");this._attachEvent(e(window),"keydown",this._onKeydown.bind(this));this._centerBox()},hide:function(){e(window).off("keydown",null,null,this._onKeydown.bind(this));
+this.$dtpElement.addClass("hidden")},_centerBox:function(){var a=(this.$dtpElement.height()-this.$dtpElement.find(".dtp-content").height())/2;this.$dtpElement.find(".dtp-content").css("marginLeft",-(this.$dtpElement.find(".dtp-content").width()/2)+"px");this.$dtpElement.find(".dtp-content").css("top",a+"px")},enableDays:function(){var a=this.params.enableDays;a&&e(".dtp-picker-days tbody tr td").each(function(){0<=e.inArray(e(this).index(),a)||e(this).find("a").css({background:"#e3e3e3",cursor:"no-drop",
+opacity:"0.5"}).off("click")})}}})(jQuery,moment);
diff --git a/inc/themes/material-blue/js/moment.min.js b/inc/themes/material-blue/js/moment.min.js
new file mode 100644
index 00000000..d301ddbb
--- /dev/null
+++ b/inc/themes/material-blue/js/moment.min.js
@@ -0,0 +1,7 @@
+//! moment.js
+//! version : 2.13.0
+//! authors : Tim Wood, Iskren Chernev, Moment.js contributors
+//! license : MIT
+//! momentjs.com
+!function(a,b){"object"==typeof exports&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.moment=b()}(this,function(){"use strict";function a(){return fd.apply(null,arguments)}function b(a){fd=a}function c(a){return a instanceof Array||"[object Array]"===Object.prototype.toString.call(a)}function d(a){return a instanceof Date||"[object Date]"===Object.prototype.toString.call(a)}function e(a,b){var c,d=[];for(c=0;c<a.length;++c)d.push(b(a[c],c));return d}function f(a,b){return Object.prototype.hasOwnProperty.call(a,b)}function g(a,b){for(var c in b)f(b,c)&&(a[c]=b[c]);return f(b,"toString")&&(a.toString=b.toString),f(b,"valueOf")&&(a.valueOf=b.valueOf),a}function h(a,b,c,d){return Ja(a,b,c,d,!0).utc()}function i(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1,parsedDateParts:[],meridiem:null}}function j(a){return null==a._pf&&(a._pf=i()),a._pf}function k(a){if(null==a._isValid){var b=j(a),c=gd.call(b.parsedDateParts,function(a){return null!=a});a._isValid=!isNaN(a._d.getTime())&&b.overflow<0&&!b.empty&&!b.invalidMonth&&!b.invalidWeekday&&!b.nullInput&&!b.invalidFormat&&!b.userInvalidated&&(!b.meridiem||b.meridiem&&c),a._strict&&(a._isValid=a._isValid&&0===b.charsLeftOver&&0===b.unusedTokens.length&&void 0===b.bigHour)}return a._isValid}function l(a){var b=h(NaN);return null!=a?g(j(b),a):j(b).userInvalidated=!0,b}function m(a){return void 0===a}function n(a,b){var c,d,e;if(m(b._isAMomentObject)||(a._isAMomentObject=b._isAMomentObject),m(b._i)||(a._i=b._i),m(b._f)||(a._f=b._f),m(b._l)||(a._l=b._l),m(b._strict)||(a._strict=b._strict),m(b._tzm)||(a._tzm=b._tzm),m(b._isUTC)||(a._isUTC=b._isUTC),m(b._offset)||(a._offset=b._offset),m(b._pf)||(a._pf=j(b)),m(b._locale)||(a._locale=b._locale),hd.length>0)for(c in hd)d=hd[c],e=b[d],m(e)||(a[d]=e);return a}function o(b){n(this,b),this._d=new Date(null!=b._d?b._d.getTime():NaN),id===!1&&(id=!0,a.updateOffset(this),id=!1)}function p(a){return a instanceof o||null!=a&&null!=a._isAMomentObject}function q(a){return 0>a?Math.ceil(a):Math.floor(a)}function r(a){var b=+a,c=0;return 0!==b&&isFinite(b)&&(c=q(b)),c}function s(a,b,c){var d,e=Math.min(a.length,b.length),f=Math.abs(a.length-b.length),g=0;for(d=0;e>d;d++)(c&&a[d]!==b[d]||!c&&r(a[d])!==r(b[d]))&&g++;return g+f}function t(b){a.suppressDeprecationWarnings===!1&&"undefined"!=typeof console&&console.warn&&console.warn("Deprecation warning: "+b)}function u(b,c){var d=!0;return g(function(){return null!=a.deprecationHandler&&a.deprecationHandler(null,b),d&&(t(b+"\nArguments: "+Array.prototype.slice.call(arguments).join(", ")+"\n"+(new Error).stack),d=!1),c.apply(this,arguments)},c)}function v(b,c){null!=a.deprecationHandler&&a.deprecationHandler(b,c),jd[b]||(t(c),jd[b]=!0)}function w(a){return a instanceof Function||"[object Function]"===Object.prototype.toString.call(a)}function x(a){return"[object Object]"===Object.prototype.toString.call(a)}function y(a){var b,c;for(c in a)b=a[c],w(b)?this[c]=b:this["_"+c]=b;this._config=a,this._ordinalParseLenient=new RegExp(this._ordinalParse.source+"|"+/\d{1,2}/.source)}function z(a,b){var c,d=g({},a);for(c in b)f(b,c)&&(x(a[c])&&x(b[c])?(d[c]={},g(d[c],a[c]),g(d[c],b[c])):null!=b[c]?d[c]=b[c]:delete d[c]);return d}function A(a){null!=a&&this.set(a)}function B(a){return a?a.toLowerCase().replace("_","-"):a}function C(a){for(var b,c,d,e,f=0;f<a.length;){for(e=B(a[f]).split("-"),b=e.length,c=B(a[f+1]),c=c?c.split("-"):null;b>0;){if(d=D(e.slice(0,b).join("-")))return d;if(c&&c.length>=b&&s(e,c,!0)>=b-1)break;b--}f++}return null}function D(a){var b=null;if(!nd[a]&&"undefined"!=typeof module&&module&&module.exports)try{b=ld._abbr,require("./locale/"+a),E(b)}catch(c){}return nd[a]}function E(a,b){var c;return a&&(c=m(b)?H(a):F(a,b),c&&(ld=c)),ld._abbr}function F(a,b){return null!==b?(b.abbr=a,null!=nd[a]?(v("defineLocaleOverride","use moment.updateLocale(localeName, config) to change an existing locale. moment.defineLocale(localeName, config) should only be used for creating a new locale"),b=z(nd[a]._config,b)):null!=b.parentLocale&&(null!=nd[b.parentLocale]?b=z(nd[b.parentLocale]._config,b):v("parentLocaleUndefined","specified parentLocale is not defined yet")),nd[a]=new A(b),E(a),nd[a]):(delete nd[a],null)}function G(a,b){if(null!=b){var c;null!=nd[a]&&(b=z(nd[a]._config,b)),c=new A(b),c.parentLocale=nd[a],nd[a]=c,E(a)}else null!=nd[a]&&(null!=nd[a].parentLocale?nd[a]=nd[a].parentLocale:null!=nd[a]&&delete nd[a]);return nd[a]}function H(a){var b;if(a&&a._locale&&a._locale._abbr&&(a=a._locale._abbr),!a)return ld;if(!c(a)){if(b=D(a))return b;a=[a]}return C(a)}function I(){return kd(nd)}function J(a,b){var c=a.toLowerCase();od[c]=od[c+"s"]=od[b]=a}function K(a){return"string"==typeof a?od[a]||od[a.toLowerCase()]:void 0}function L(a){var b,c,d={};for(c in a)f(a,c)&&(b=K(c),b&&(d[b]=a[c]));return d}function M(b,c){return function(d){return null!=d?(O(this,b,d),a.updateOffset(this,c),this):N(this,b)}}function N(a,b){return a.isValid()?a._d["get"+(a._isUTC?"UTC":"")+b]():NaN}function O(a,b,c){a.isValid()&&a._d["set"+(a._isUTC?"UTC":"")+b](c)}function P(a,b){var c;if("object"==typeof a)for(c in a)this.set(c,a[c]);else if(a=K(a),w(this[a]))return this[a](b);return this}function Q(a,b,c){var d=""+Math.abs(a),e=b-d.length,f=a>=0;return(f?c?"+":"":"-")+Math.pow(10,Math.max(0,e)).toString().substr(1)+d}function R(a,b,c,d){var e=d;"string"==typeof d&&(e=function(){return this[d]()}),a&&(sd[a]=e),b&&(sd[b[0]]=function(){return Q(e.apply(this,arguments),b[1],b[2])}),c&&(sd[c]=function(){return this.localeData().ordinal(e.apply(this,arguments),a)})}function S(a){return a.match(/\[[\s\S]/)?a.replace(/^\[|\]$/g,""):a.replace(/\\/g,"")}function T(a){var b,c,d=a.match(pd);for(b=0,c=d.length;c>b;b++)sd[d[b]]?d[b]=sd[d[b]]:d[b]=S(d[b]);return function(b){var e,f="";for(e=0;c>e;e++)f+=d[e]instanceof Function?d[e].call(b,a):d[e];return f}}function U(a,b){return a.isValid()?(b=V(b,a.localeData()),rd[b]=rd[b]||T(b),rd[b](a)):a.localeData().invalidDate()}function V(a,b){function c(a){return b.longDateFormat(a)||a}var d=5;for(qd.lastIndex=0;d>=0&&qd.test(a);)a=a.replace(qd,c),qd.lastIndex=0,d-=1;return a}function W(a,b,c){Kd[a]=w(b)?b:function(a,d){return a&&c?c:b}}function X(a,b){return f(Kd,a)?Kd[a](b._strict,b._locale):new RegExp(Y(a))}function Y(a){return Z(a.replace("\\","").replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(a,b,c,d,e){return b||c||d||e}))}function Z(a){return a.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function $(a,b){var c,d=b;for("string"==typeof a&&(a=[a]),"number"==typeof b&&(d=function(a,c){c[b]=r(a)}),c=0;c<a.length;c++)Ld[a[c]]=d}function _(a,b){$(a,function(a,c,d,e){d._w=d._w||{},b(a,d._w,d,e)})}function aa(a,b,c){null!=b&&f(Ld,a)&&Ld[a](b,c._a,c,a)}function ba(a,b){return new Date(Date.UTC(a,b+1,0)).getUTCDate()}function ca(a,b){return c(this._months)?this._months[a.month()]:this._months[Vd.test(b)?"format":"standalone"][a.month()]}function da(a,b){return c(this._monthsShort)?this._monthsShort[a.month()]:this._monthsShort[Vd.test(b)?"format":"standalone"][a.month()]}function ea(a,b,c){var d,e,f,g=a.toLocaleLowerCase();if(!this._monthsParse)for(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[],d=0;12>d;++d)f=h([2e3,d]),this._shortMonthsParse[d]=this.monthsShort(f,"").toLocaleLowerCase(),this._longMonthsParse[d]=this.months(f,"").toLocaleLowerCase();return c?"MMM"===b?(e=md.call(this._shortMonthsParse,g),-1!==e?e:null):(e=md.call(this._longMonthsParse,g),-1!==e?e:null):"MMM"===b?(e=md.call(this._shortMonthsParse,g),-1!==e?e:(e=md.call(this._longMonthsParse,g),-1!==e?e:null)):(e=md.call(this._longMonthsParse,g),-1!==e?e:(e=md.call(this._shortMonthsParse,g),-1!==e?e:null))}function fa(a,b,c){var d,e,f;if(this._monthsParseExact)return ea.call(this,a,b,c);for(this._monthsParse||(this._monthsParse=[],this._longMonthsParse=[],this._shortMonthsParse=[]),d=0;12>d;d++){if(e=h([2e3,d]),c&&!this._longMonthsParse[d]&&(this._longMonthsParse[d]=new RegExp("^"+this.months(e,"").replace(".","")+"$","i"),this._shortMonthsParse[d]=new RegExp("^"+this.monthsShort(e,"").replace(".","")+"$","i")),c||this._monthsParse[d]||(f="^"+this.months(e,"")+"|^"+this.monthsShort(e,""),this._monthsParse[d]=new RegExp(f.replace(".",""),"i")),c&&"MMMM"===b&&this._longMonthsParse[d].test(a))return d;if(c&&"MMM"===b&&this._shortMonthsParse[d].test(a))return d;if(!c&&this._monthsParse[d].test(a))return d}}function ga(a,b){var c;if(!a.isValid())return a;if("string"==typeof b)if(/^\d+$/.test(b))b=r(b);else if(b=a.localeData().monthsParse(b),"number"!=typeof b)return a;return c=Math.min(a.date(),ba(a.year(),b)),a._d["set"+(a._isUTC?"UTC":"")+"Month"](b,c),a}function ha(b){return null!=b?(ga(this,b),a.updateOffset(this,!0),this):N(this,"Month")}function ia(){return ba(this.year(),this.month())}function ja(a){return this._monthsParseExact?(f(this,"_monthsRegex")||la.call(this),a?this._monthsShortStrictRegex:this._monthsShortRegex):this._monthsShortStrictRegex&&a?this._monthsShortStrictRegex:this._monthsShortRegex}function ka(a){return this._monthsParseExact?(f(this,"_monthsRegex")||la.call(this),a?this._monthsStrictRegex:this._monthsRegex):this._monthsStrictRegex&&a?this._monthsStrictRegex:this._monthsRegex}function la(){function a(a,b){return b.length-a.length}var b,c,d=[],e=[],f=[];for(b=0;12>b;b++)c=h([2e3,b]),d.push(this.monthsShort(c,"")),e.push(this.months(c,"")),f.push(this.months(c,"")),f.push(this.monthsShort(c,""));for(d.sort(a),e.sort(a),f.sort(a),b=0;12>b;b++)d[b]=Z(d[b]),e[b]=Z(e[b]),f[b]=Z(f[b]);this._monthsRegex=new RegExp("^("+f.join("|")+")","i"),this._monthsShortRegex=this._monthsRegex,this._monthsStrictRegex=new RegExp("^("+e.join("|")+")","i"),this._monthsShortStrictRegex=new RegExp("^("+d.join("|")+")","i")}function ma(a){var b,c=a._a;return c&&-2===j(a).overflow&&(b=c[Nd]<0||c[Nd]>11?Nd:c[Od]<1||c[Od]>ba(c[Md],c[Nd])?Od:c[Pd]<0||c[Pd]>24||24===c[Pd]&&(0!==c[Qd]||0!==c[Rd]||0!==c[Sd])?Pd:c[Qd]<0||c[Qd]>59?Qd:c[Rd]<0||c[Rd]>59?Rd:c[Sd]<0||c[Sd]>999?Sd:-1,j(a)._overflowDayOfYear&&(Md>b||b>Od)&&(b=Od),j(a)._overflowWeeks&&-1===b&&(b=Td),j(a)._overflowWeekday&&-1===b&&(b=Ud),j(a).overflow=b),a}function na(a){var b,c,d,e,f,g,h=a._i,i=$d.exec(h)||_d.exec(h);if(i){for(j(a).iso=!0,b=0,c=be.length;c>b;b++)if(be[b][1].exec(i[1])){e=be[b][0],d=be[b][2]!==!1;break}if(null==e)return void(a._isValid=!1);if(i[3]){for(b=0,c=ce.length;c>b;b++)if(ce[b][1].exec(i[3])){f=(i[2]||" ")+ce[b][0];break}if(null==f)return void(a._isValid=!1)}if(!d&&null!=f)return void(a._isValid=!1);if(i[4]){if(!ae.exec(i[4]))return void(a._isValid=!1);g="Z"}a._f=e+(f||"")+(g||""),Ca(a)}else a._isValid=!1}function oa(b){var c=de.exec(b._i);return null!==c?void(b._d=new Date(+c[1])):(na(b),void(b._isValid===!1&&(delete b._isValid,a.createFromInputFallback(b))))}function pa(a,b,c,d,e,f,g){var h=new Date(a,b,c,d,e,f,g);return 100>a&&a>=0&&isFinite(h.getFullYear())&&h.setFullYear(a),h}function qa(a){var b=new Date(Date.UTC.apply(null,arguments));return 100>a&&a>=0&&isFinite(b.getUTCFullYear())&&b.setUTCFullYear(a),b}function ra(a){return sa(a)?366:365}function sa(a){return a%4===0&&a%100!==0||a%400===0}function ta(){return sa(this.year())}function ua(a,b,c){var d=7+b-c,e=(7+qa(a,0,d).getUTCDay()-b)%7;return-e+d-1}function va(a,b,c,d,e){var f,g,h=(7+c-d)%7,i=ua(a,d,e),j=1+7*(b-1)+h+i;return 0>=j?(f=a-1,g=ra(f)+j):j>ra(a)?(f=a+1,g=j-ra(a)):(f=a,g=j),{year:f,dayOfYear:g}}function wa(a,b,c){var d,e,f=ua(a.year(),b,c),g=Math.floor((a.dayOfYear()-f-1)/7)+1;return 1>g?(e=a.year()-1,d=g+xa(e,b,c)):g>xa(a.year(),b,c)?(d=g-xa(a.year(),b,c),e=a.year()+1):(e=a.year(),d=g),{week:d,year:e}}function xa(a,b,c){var d=ua(a,b,c),e=ua(a+1,b,c);return(ra(a)-d+e)/7}function ya(a,b,c){return null!=a?a:null!=b?b:c}function za(b){var c=new Date(a.now());return b._useUTC?[c.getUTCFullYear(),c.getUTCMonth(),c.getUTCDate()]:[c.getFullYear(),c.getMonth(),c.getDate()]}function Aa(a){var b,c,d,e,f=[];if(!a._d){for(d=za(a),a._w&&null==a._a[Od]&&null==a._a[Nd]&&Ba(a),a._dayOfYear&&(e=ya(a._a[Md],d[Md]),a._dayOfYear>ra(e)&&(j(a)._overflowDayOfYear=!0),c=qa(e,0,a._dayOfYear),a._a[Nd]=c.getUTCMonth(),a._a[Od]=c.getUTCDate()),b=0;3>b&&null==a._a[b];++b)a._a[b]=f[b]=d[b];for(;7>b;b++)a._a[b]=f[b]=null==a._a[b]?2===b?1:0:a._a[b];24===a._a[Pd]&&0===a._a[Qd]&&0===a._a[Rd]&&0===a._a[Sd]&&(a._nextDay=!0,a._a[Pd]=0),a._d=(a._useUTC?qa:pa).apply(null,f),null!=a._tzm&&a._d.setUTCMinutes(a._d.getUTCMinutes()-a._tzm),a._nextDay&&(a._a[Pd]=24)}}function Ba(a){var b,c,d,e,f,g,h,i;b=a._w,null!=b.GG||null!=b.W||null!=b.E?(f=1,g=4,c=ya(b.GG,a._a[Md],wa(Ka(),1,4).year),d=ya(b.W,1),e=ya(b.E,1),(1>e||e>7)&&(i=!0)):(f=a._locale._week.dow,g=a._locale._week.doy,c=ya(b.gg,a._a[Md],wa(Ka(),f,g).year),d=ya(b.w,1),null!=b.d?(e=b.d,(0>e||e>6)&&(i=!0)):null!=b.e?(e=b.e+f,(b.e<0||b.e>6)&&(i=!0)):e=f),1>d||d>xa(c,f,g)?j(a)._overflowWeeks=!0:null!=i?j(a)._overflowWeekday=!0:(h=va(c,d,e,f,g),a._a[Md]=h.year,a._dayOfYear=h.dayOfYear)}function Ca(b){if(b._f===a.ISO_8601)return void na(b);b._a=[],j(b).empty=!0;var c,d,e,f,g,h=""+b._i,i=h.length,k=0;for(e=V(b._f,b._locale).match(pd)||[],c=0;c<e.length;c++)f=e[c],d=(h.match(X(f,b))||[])[0],d&&(g=h.substr(0,h.indexOf(d)),g.length>0&&j(b).unusedInput.push(g),h=h.slice(h.indexOf(d)+d.length),k+=d.length),sd[f]?(d?j(b).empty=!1:j(b).unusedTokens.push(f),aa(f,d,b)):b._strict&&!d&&j(b).unusedTokens.push(f);j(b).charsLeftOver=i-k,h.length>0&&j(b).unusedInput.push(h),j(b).bigHour===!0&&b._a[Pd]<=12&&b._a[Pd]>0&&(j(b).bigHour=void 0),j(b).parsedDateParts=b._a.slice(0),j(b).meridiem=b._meridiem,b._a[Pd]=Da(b._locale,b._a[Pd],b._meridiem),Aa(b),ma(b)}function Da(a,b,c){var d;return null==c?b:null!=a.meridiemHour?a.meridiemHour(b,c):null!=a.isPM?(d=a.isPM(c),d&&12>b&&(b+=12),d||12!==b||(b=0),b):b}function Ea(a){var b,c,d,e,f;if(0===a._f.length)return j(a).invalidFormat=!0,void(a._d=new Date(NaN));for(e=0;e<a._f.length;e++)f=0,b=n({},a),null!=a._useUTC&&(b._useUTC=a._useUTC),b._f=a._f[e],Ca(b),k(b)&&(f+=j(b).charsLeftOver,f+=10*j(b).unusedTokens.length,j(b).score=f,(null==d||d>f)&&(d=f,c=b));g(a,c||b)}function Fa(a){if(!a._d){var b=L(a._i);a._a=e([b.year,b.month,b.day||b.date,b.hour,b.minute,b.second,b.millisecond],function(a){return a&&parseInt(a,10)}),Aa(a)}}function Ga(a){var b=new o(ma(Ha(a)));return b._nextDay&&(b.add(1,"d"),b._nextDay=void 0),b}function Ha(a){var b=a._i,e=a._f;return a._locale=a._locale||H(a._l),null===b||void 0===e&&""===b?l({nullInput:!0}):("string"==typeof b&&(a._i=b=a._locale.preparse(b)),p(b)?new o(ma(b)):(c(e)?Ea(a):e?Ca(a):d(b)?a._d=b:Ia(a),k(a)||(a._d=null),a))}function Ia(b){var f=b._i;void 0===f?b._d=new Date(a.now()):d(f)?b._d=new Date(f.valueOf()):"string"==typeof f?oa(b):c(f)?(b._a=e(f.slice(0),function(a){return parseInt(a,10)}),Aa(b)):"object"==typeof f?Fa(b):"number"==typeof f?b._d=new Date(f):a.createFromInputFallback(b)}function Ja(a,b,c,d,e){var f={};return"boolean"==typeof c&&(d=c,c=void 0),f._isAMomentObject=!0,f._useUTC=f._isUTC=e,f._l=c,f._i=a,f._f=b,f._strict=d,Ga(f)}function Ka(a,b,c,d){return Ja(a,b,c,d,!1)}function La(a,b){var d,e;if(1===b.length&&c(b[0])&&(b=b[0]),!b.length)return Ka();for(d=b[0],e=1;e<b.length;++e)(!b[e].isValid()||b[e][a](d))&&(d=b[e]);return d}function Ma(){var a=[].slice.call(arguments,0);return La("isBefore",a)}function Na(){var a=[].slice.call(arguments,0);return La("isAfter",a)}function Oa(a){var b=L(a),c=b.year||0,d=b.quarter||0,e=b.month||0,f=b.week||0,g=b.day||0,h=b.hour||0,i=b.minute||0,j=b.second||0,k=b.millisecond||0;this._milliseconds=+k+1e3*j+6e4*i+1e3*h*60*60,this._days=+g+7*f,this._months=+e+3*d+12*c,this._data={},this._locale=H(),this._bubble()}function Pa(a){return a instanceof Oa}function Qa(a,b){R(a,0,0,function(){var a=this.utcOffset(),c="+";return 0>a&&(a=-a,c="-"),c+Q(~~(a/60),2)+b+Q(~~a%60,2)})}function Ra(a,b){var c=(b||"").match(a)||[],d=c[c.length-1]||[],e=(d+"").match(ie)||["-",0,0],f=+(60*e[1])+r(e[2]);return"+"===e[0]?f:-f}function Sa(b,c){var e,f;return c._isUTC?(e=c.clone(),f=(p(b)||d(b)?b.valueOf():Ka(b).valueOf())-e.valueOf(),e._d.setTime(e._d.valueOf()+f),a.updateOffset(e,!1),e):Ka(b).local()}function Ta(a){return 15*-Math.round(a._d.getTimezoneOffset()/15)}function Ua(b,c){var d,e=this._offset||0;return this.isValid()?null!=b?("string"==typeof b?b=Ra(Hd,b):Math.abs(b)<16&&(b=60*b),!this._isUTC&&c&&(d=Ta(this)),this._offset=b,this._isUTC=!0,null!=d&&this.add(d,"m"),e!==b&&(!c||this._changeInProgress?jb(this,db(b-e,"m"),1,!1):this._changeInProgress||(this._changeInProgress=!0,a.updateOffset(this,!0),this._changeInProgress=null)),this):this._isUTC?e:Ta(this):null!=b?this:NaN}function Va(a,b){return null!=a?("string"!=typeof a&&(a=-a),this.utcOffset(a,b),this):-this.utcOffset()}function Wa(a){return this.utcOffset(0,a)}function Xa(a){return this._isUTC&&(this.utcOffset(0,a),this._isUTC=!1,a&&this.subtract(Ta(this),"m")),this}function Ya(){return this._tzm?this.utcOffset(this._tzm):"string"==typeof this._i&&this.utcOffset(Ra(Gd,this._i)),this}function Za(a){return this.isValid()?(a=a?Ka(a).utcOffset():0,(this.utcOffset()-a)%60===0):!1}function $a(){return this.utcOffset()>this.clone().month(0).utcOffset()||this.utcOffset()>this.clone().month(5).utcOffset()}function _a(){if(!m(this._isDSTShifted))return this._isDSTShifted;var a={};if(n(a,this),a=Ha(a),a._a){var b=a._isUTC?h(a._a):Ka(a._a);this._isDSTShifted=this.isValid()&&s(a._a,b.toArray())>0}else this._isDSTShifted=!1;return this._isDSTShifted}function ab(){return this.isValid()?!this._isUTC:!1}function bb(){return this.isValid()?this._isUTC:!1}function cb(){return this.isValid()?this._isUTC&&0===this._offset:!1}function db(a,b){var c,d,e,g=a,h=null;return Pa(a)?g={ms:a._milliseconds,d:a._days,M:a._months}:"number"==typeof a?(g={},b?g[b]=a:g.milliseconds=a):(h=je.exec(a))?(c="-"===h[1]?-1:1,g={y:0,d:r(h[Od])*c,h:r(h[Pd])*c,m:r(h[Qd])*c,s:r(h[Rd])*c,ms:r(h[Sd])*c}):(h=ke.exec(a))?(c="-"===h[1]?-1:1,g={y:eb(h[2],c),M:eb(h[3],c),w:eb(h[4],c),d:eb(h[5],c),h:eb(h[6],c),m:eb(h[7],c),s:eb(h[8],c)}):null==g?g={}:"object"==typeof g&&("from"in g||"to"in g)&&(e=gb(Ka(g.from),Ka(g.to)),g={},g.ms=e.milliseconds,g.M=e.months),d=new Oa(g),Pa(a)&&f(a,"_locale")&&(d._locale=a._locale),d}function eb(a,b){var c=a&&parseFloat(a.replace(",","."));return(isNaN(c)?0:c)*b}function fb(a,b){var c={milliseconds:0,months:0};return c.months=b.month()-a.month()+12*(b.year()-a.year()),a.clone().add(c.months,"M").isAfter(b)&&--c.months,c.milliseconds=+b-+a.clone().add(c.months,"M"),c}function gb(a,b){var c;return a.isValid()&&b.isValid()?(b=Sa(b,a),a.isBefore(b)?c=fb(a,b):(c=fb(b,a),c.milliseconds=-c.milliseconds,c.months=-c.months),c):{milliseconds:0,months:0}}function hb(a){return 0>a?-1*Math.round(-1*a):Math.round(a)}function ib(a,b){return function(c,d){var e,f;return null===d||isNaN(+d)||(v(b,"moment()."+b+"(period, number) is deprecated. Please use moment()."+b+"(number, period)."),f=c,c=d,d=f),c="string"==typeof c?+c:c,e=db(c,d),jb(this,e,a),this}}function jb(b,c,d,e){var f=c._milliseconds,g=hb(c._days),h=hb(c._months);b.isValid()&&(e=null==e?!0:e,f&&b._d.setTime(b._d.valueOf()+f*d),g&&O(b,"Date",N(b,"Date")+g*d),h&&ga(b,N(b,"Month")+h*d),e&&a.updateOffset(b,g||h))}function kb(a,b){var c=a||Ka(),d=Sa(c,this).startOf("day"),e=this.diff(d,"days",!0),f=-6>e?"sameElse":-1>e?"lastWeek":0>e?"lastDay":1>e?"sameDay":2>e?"nextDay":7>e?"nextWeek":"sameElse",g=b&&(w(b[f])?b[f]():b[f]);return this.format(g||this.localeData().calendar(f,this,Ka(c)))}function lb(){return new o(this)}function mb(a,b){var c=p(a)?a:Ka(a);return this.isValid()&&c.isValid()?(b=K(m(b)?"millisecond":b),"millisecond"===b?this.valueOf()>c.valueOf():c.valueOf()<this.clone().startOf(b).valueOf()):!1}function nb(a,b){var c=p(a)?a:Ka(a);return this.isValid()&&c.isValid()?(b=K(m(b)?"millisecond":b),"millisecond"===b?this.valueOf()<c.valueOf():this.clone().endOf(b).valueOf()<c.valueOf()):!1}function ob(a,b,c,d){return d=d||"()",("("===d[0]?this.isAfter(a,c):!this.isBefore(a,c))&&(")"===d[1]?this.isBefore(b,c):!this.isAfter(b,c))}function pb(a,b){var c,d=p(a)?a:Ka(a);return this.isValid()&&d.isValid()?(b=K(b||"millisecond"),"millisecond"===b?this.valueOf()===d.valueOf():(c=d.valueOf(),this.clone().startOf(b).valueOf()<=c&&c<=this.clone().endOf(b).valueOf())):!1}function qb(a,b){return this.isSame(a,b)||this.isAfter(a,b)}function rb(a,b){return this.isSame(a,b)||this.isBefore(a,b)}function sb(a,b,c){var d,e,f,g;return this.isValid()?(d=Sa(a,this),d.isValid()?(e=6e4*(d.utcOffset()-this.utcOffset()),b=K(b),"year"===b||"month"===b||"quarter"===b?(g=tb(this,d),"quarter"===b?g/=3:"year"===b&&(g/=12)):(f=this-d,g="second"===b?f/1e3:"minute"===b?f/6e4:"hour"===b?f/36e5:"day"===b?(f-e)/864e5:"week"===b?(f-e)/6048e5:f),c?g:q(g)):NaN):NaN}function tb(a,b){var c,d,e=12*(b.year()-a.year())+(b.month()-a.month()),f=a.clone().add(e,"months");return 0>b-f?(c=a.clone().add(e-1,"months"),d=(b-f)/(f-c)):(c=a.clone().add(e+1,"months"),d=(b-f)/(c-f)),-(e+d)||0}function ub(){return this.clone().locale("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")}function vb(){var a=this.clone().utc();return 0<a.year()&&a.year()<=9999?w(Date.prototype.toISOString)?this.toDate().toISOString():U(a,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):U(a,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]")}function wb(b){b||(b=this.isUtc()?a.defaultFormatUtc:a.defaultFormat);var c=U(this,b);return this.localeData().postformat(c)}function xb(a,b){return this.isValid()&&(p(a)&&a.isValid()||Ka(a).isValid())?db({to:this,from:a}).locale(this.locale()).humanize(!b):this.localeData().invalidDate()}function yb(a){return this.from(Ka(),a)}function zb(a,b){return this.isValid()&&(p(a)&&a.isValid()||Ka(a).isValid())?db({from:this,to:a}).locale(this.locale()).humanize(!b):this.localeData().invalidDate()}function Ab(a){return this.to(Ka(),a)}function Bb(a){var b;return void 0===a?this._locale._abbr:(b=H(a),null!=b&&(this._locale=b),this)}function Cb(){return this._locale}function Db(a){switch(a=K(a)){case"year":this.month(0);case"quarter":case"month":this.date(1);case"week":case"isoWeek":case"day":case"date":this.hours(0);case"hour":this.minutes(0);case"minute":this.seconds(0);case"second":this.milliseconds(0)}return"week"===a&&this.weekday(0),"isoWeek"===a&&this.isoWeekday(1),"quarter"===a&&this.month(3*Math.floor(this.month()/3)),this}function Eb(a){return a=K(a),void 0===a||"millisecond"===a?this:("date"===a&&(a="day"),this.startOf(a).add(1,"isoWeek"===a?"week":a).subtract(1,"ms"))}function Fb(){return this._d.valueOf()-6e4*(this._offset||0)}function Gb(){return Math.floor(this.valueOf()/1e3)}function Hb(){return this._offset?new Date(this.valueOf()):this._d}function Ib(){var a=this;return[a.year(),a.month(),a.date(),a.hour(),a.minute(),a.second(),a.millisecond()]}function Jb(){var a=this;return{years:a.year(),months:a.month(),date:a.date(),hours:a.hours(),minutes:a.minutes(),seconds:a.seconds(),milliseconds:a.milliseconds()}}function Kb(){return this.isValid()?this.toISOString():null}function Lb(){return k(this)}function Mb(){return g({},j(this))}function Nb(){return j(this).overflow}function Ob(){return{input:this._i,format:this._f,locale:this._locale,isUTC:this._isUTC,strict:this._strict}}function Pb(a,b){R(0,[a,a.length],0,b)}function Qb(a){return Ub.call(this,a,this.week(),this.weekday(),this.localeData()._week.dow,this.localeData()._week.doy)}function Rb(a){return Ub.call(this,a,this.isoWeek(),this.isoWeekday(),1,4)}function Sb(){return xa(this.year(),1,4)}function Tb(){var a=this.localeData()._week;return xa(this.year(),a.dow,a.doy)}function Ub(a,b,c,d,e){var f;return null==a?wa(this,d,e).year:(f=xa(a,d,e),b>f&&(b=f),Vb.call(this,a,b,c,d,e))}function Vb(a,b,c,d,e){var f=va(a,b,c,d,e),g=qa(f.year,0,f.dayOfYear);return this.year(g.getUTCFullYear()),this.month(g.getUTCMonth()),this.date(g.getUTCDate()),this}function Wb(a){return null==a?Math.ceil((this.month()+1)/3):this.month(3*(a-1)+this.month()%3)}function Xb(a){return wa(a,this._week.dow,this._week.doy).week}function Yb(){return this._week.dow}function Zb(){return this._week.doy}function $b(a){var b=this.localeData().week(this);return null==a?b:this.add(7*(a-b),"d")}function _b(a){var b=wa(this,1,4).week;return null==a?b:this.add(7*(a-b),"d")}function ac(a,b){return"string"!=typeof a?a:isNaN(a)?(a=b.weekdaysParse(a),"number"==typeof a?a:null):parseInt(a,10)}function bc(a,b){return c(this._weekdays)?this._weekdays[a.day()]:this._weekdays[this._weekdays.isFormat.test(b)?"format":"standalone"][a.day()]}function cc(a){return this._weekdaysShort[a.day()]}function dc(a){return this._weekdaysMin[a.day()]}function ec(a,b,c){var d,e,f,g=a.toLocaleLowerCase();if(!this._weekdaysParse)for(this._weekdaysParse=[],this._shortWeekdaysParse=[],this._minWeekdaysParse=[],d=0;7>d;++d)f=h([2e3,1]).day(d),this._minWeekdaysParse[d]=this.weekdaysMin(f,"").toLocaleLowerCase(),this._shortWeekdaysParse[d]=this.weekdaysShort(f,"").toLocaleLowerCase(),this._weekdaysParse[d]=this.weekdays(f,"").toLocaleLowerCase();return c?"dddd"===b?(e=md.call(this._weekdaysParse,g),-1!==e?e:null):"ddd"===b?(e=md.call(this._shortWeekdaysParse,g),-1!==e?e:null):(e=md.call(this._minWeekdaysParse,g),-1!==e?e:null):"dddd"===b?(e=md.call(this._weekdaysParse,g),-1!==e?e:(e=md.call(this._shortWeekdaysParse,g),-1!==e?e:(e=md.call(this._minWeekdaysParse,g),-1!==e?e:null))):"ddd"===b?(e=md.call(this._shortWeekdaysParse,g),-1!==e?e:(e=md.call(this._weekdaysParse,g),-1!==e?e:(e=md.call(this._minWeekdaysParse,g),-1!==e?e:null))):(e=md.call(this._minWeekdaysParse,g),-1!==e?e:(e=md.call(this._weekdaysParse,g),-1!==e?e:(e=md.call(this._shortWeekdaysParse,g),-1!==e?e:null)))}function fc(a,b,c){var d,e,f;if(this._weekdaysParseExact)return ec.call(this,a,b,c);for(this._weekdaysParse||(this._weekdaysParse=[],this._minWeekdaysParse=[],this._shortWeekdaysParse=[],this._fullWeekdaysParse=[]),d=0;7>d;d++){if(e=h([2e3,1]).day(d),c&&!this._fullWeekdaysParse[d]&&(this._fullWeekdaysParse[d]=new RegExp("^"+this.weekdays(e,"").replace(".",".?")+"$","i"),this._shortWeekdaysParse[d]=new RegExp("^"+this.weekdaysShort(e,"").replace(".",".?")+"$","i"),this._minWeekdaysParse[d]=new RegExp("^"+this.weekdaysMin(e,"").replace(".",".?")+"$","i")),this._weekdaysParse[d]||(f="^"+this.weekdays(e,"")+"|^"+this.weekdaysShort(e,"")+"|^"+this.weekdaysMin(e,""),this._weekdaysParse[d]=new RegExp(f.replace(".",""),"i")),c&&"dddd"===b&&this._fullWeekdaysParse[d].test(a))return d;if(c&&"ddd"===b&&this._shortWeekdaysParse[d].test(a))return d;if(c&&"dd"===b&&this._minWeekdaysParse[d].test(a))return d;if(!c&&this._weekdaysParse[d].test(a))return d}}function gc(a){if(!this.isValid())return null!=a?this:NaN;var b=this._isUTC?this._d.getUTCDay():this._d.getDay();return null!=a?(a=ac(a,this.localeData()),this.add(a-b,"d")):b}function hc(a){if(!this.isValid())return null!=a?this:NaN;var b=(this.day()+7-this.localeData()._week.dow)%7;return null==a?b:this.add(a-b,"d")}function ic(a){return this.isValid()?null==a?this.day()||7:this.day(this.day()%7?a:a-7):null!=a?this:NaN}function jc(a){return this._weekdaysParseExact?(f(this,"_weekdaysRegex")||mc.call(this),a?this._weekdaysStrictRegex:this._weekdaysRegex):this._weekdaysStrictRegex&&a?this._weekdaysStrictRegex:this._weekdaysRegex}function kc(a){return this._weekdaysParseExact?(f(this,"_weekdaysRegex")||mc.call(this),a?this._weekdaysShortStrictRegex:this._weekdaysShortRegex):this._weekdaysShortStrictRegex&&a?this._weekdaysShortStrictRegex:this._weekdaysShortRegex}function lc(a){return this._weekdaysParseExact?(f(this,"_weekdaysRegex")||mc.call(this),a?this._weekdaysMinStrictRegex:this._weekdaysMinRegex):this._weekdaysMinStrictRegex&&a?this._weekdaysMinStrictRegex:this._weekdaysMinRegex}function mc(){function a(a,b){return b.length-a.length}var b,c,d,e,f,g=[],i=[],j=[],k=[];for(b=0;7>b;b++)c=h([2e3,1]).day(b),d=this.weekdaysMin(c,""),e=this.weekdaysShort(c,""),f=this.weekdays(c,""),g.push(d),i.push(e),j.push(f),k.push(d),k.push(e),k.push(f);for(g.sort(a),i.sort(a),j.sort(a),k.sort(a),b=0;7>b;b++)i[b]=Z(i[b]),j[b]=Z(j[b]),k[b]=Z(k[b]);this._weekdaysRegex=new RegExp("^("+k.join("|")+")","i"),this._weekdaysShortRegex=this._weekdaysRegex,this._weekdaysMinRegex=this._weekdaysRegex,this._weekdaysStrictRegex=new RegExp("^("+j.join("|")+")","i"),this._weekdaysShortStrictRegex=new RegExp("^("+i.join("|")+")","i"),this._weekdaysMinStrictRegex=new RegExp("^("+g.join("|")+")","i")}function nc(a){var b=Math.round((this.clone().startOf("day")-this.clone().startOf("year"))/864e5)+1;return null==a?b:this.add(a-b,"d")}function oc(){return this.hours()%12||12}function pc(){return this.hours()||24}function qc(a,b){R(a,0,0,function(){return this.localeData().meridiem(this.hours(),this.minutes(),b)})}function rc(a,b){return b._meridiemParse}function sc(a){return"p"===(a+"").toLowerCase().charAt(0)}function tc(a,b,c){return a>11?c?"pm":"PM":c?"am":"AM"}function uc(a,b){b[Sd]=r(1e3*("0."+a))}function vc(){return this._isUTC?"UTC":""}function wc(){return this._isUTC?"Coordinated Universal Time":""}function xc(a){return Ka(1e3*a)}function yc(){return Ka.apply(null,arguments).parseZone()}function zc(a,b,c){var d=this._calendar[a];return w(d)?d.call(b,c):d}function Ac(a){var b=this._longDateFormat[a],c=this._longDateFormat[a.toUpperCase()];return b||!c?b:(this._longDateFormat[a]=c.replace(/MMMM|MM|DD|dddd/g,function(a){return a.slice(1)}),this._longDateFormat[a])}function Bc(){return this._invalidDate}function Cc(a){return this._ordinal.replace("%d",a)}function Dc(a){return a}function Ec(a,b,c,d){var e=this._relativeTime[c];return w(e)?e(a,b,c,d):e.replace(/%d/i,a)}function Fc(a,b){var c=this._relativeTime[a>0?"future":"past"];return w(c)?c(b):c.replace(/%s/i,b)}function Gc(a,b,c,d){var e=H(),f=h().set(d,b);return e[c](f,a)}function Hc(a,b,c){if("number"==typeof a&&(b=a,a=void 0),a=a||"",null!=b)return Gc(a,b,c,"month");var d,e=[];for(d=0;12>d;d++)e[d]=Gc(a,d,c,"month");return e}function Ic(a,b,c,d){"boolean"==typeof a?("number"==typeof b&&(c=b,b=void 0),b=b||""):(b=a,c=b,a=!1,"number"==typeof b&&(c=b,b=void 0),b=b||"");var e=H(),f=a?e._week.dow:0;if(null!=c)return Gc(b,(c+f)%7,d,"day");var g,h=[];for(g=0;7>g;g++)h[g]=Gc(b,(g+f)%7,d,"day");return h}function Jc(a,b){return Hc(a,b,"months")}function Kc(a,b){return Hc(a,b,"monthsShort")}function Lc(a,b,c){return Ic(a,b,c,"weekdays")}function Mc(a,b,c){return Ic(a,b,c,"weekdaysShort")}function Nc(a,b,c){return Ic(a,b,c,"weekdaysMin")}function Oc(){var a=this._data;return this._milliseconds=Le(this._milliseconds),this._days=Le(this._days),this._months=Le(this._months),a.milliseconds=Le(a.milliseconds),a.seconds=Le(a.seconds),a.minutes=Le(a.minutes),a.hours=Le(a.hours),a.months=Le(a.months),a.years=Le(a.years),this}function Pc(a,b,c,d){var e=db(b,c);return a._milliseconds+=d*e._milliseconds,a._days+=d*e._days,a._months+=d*e._months,a._bubble()}function Qc(a,b){return Pc(this,a,b,1)}function Rc(a,b){return Pc(this,a,b,-1)}function Sc(a){return 0>a?Math.floor(a):Math.ceil(a)}function Tc(){var a,b,c,d,e,f=this._milliseconds,g=this._days,h=this._months,i=this._data;return f>=0&&g>=0&&h>=0||0>=f&&0>=g&&0>=h||(f+=864e5*Sc(Vc(h)+g),g=0,h=0),i.milliseconds=f%1e3,a=q(f/1e3),i.seconds=a%60,b=q(a/60),i.minutes=b%60,c=q(b/60),i.hours=c%24,g+=q(c/24),e=q(Uc(g)),h+=e,g-=Sc(Vc(e)),d=q(h/12),h%=12,i.days=g,i.months=h,i.years=d,this}function Uc(a){return 4800*a/146097}function Vc(a){return 146097*a/4800}function Wc(a){var b,c,d=this._milliseconds;if(a=K(a),"month"===a||"year"===a)return b=this._days+d/864e5,c=this._months+Uc(b),"month"===a?c:c/12;switch(b=this._days+Math.round(Vc(this._months)),a){case"week":return b/7+d/6048e5;case"day":return b+d/864e5;case"hour":return 24*b+d/36e5;case"minute":return 1440*b+d/6e4;case"second":return 86400*b+d/1e3;case"millisecond":return Math.floor(864e5*b)+d;default:throw new Error("Unknown unit "+a)}}function Xc(){return this._milliseconds+864e5*this._days+this._months%12*2592e6+31536e6*r(this._months/12)}function Yc(a){return function(){return this.as(a)}}function Zc(a){
+return a=K(a),this[a+"s"]()}function $c(a){return function(){return this._data[a]}}function _c(){return q(this.days()/7)}function ad(a,b,c,d,e){return e.relativeTime(b||1,!!c,a,d)}function bd(a,b,c){var d=db(a).abs(),e=_e(d.as("s")),f=_e(d.as("m")),g=_e(d.as("h")),h=_e(d.as("d")),i=_e(d.as("M")),j=_e(d.as("y")),k=e<af.s&&["s",e]||1>=f&&["m"]||f<af.m&&["mm",f]||1>=g&&["h"]||g<af.h&&["hh",g]||1>=h&&["d"]||h<af.d&&["dd",h]||1>=i&&["M"]||i<af.M&&["MM",i]||1>=j&&["y"]||["yy",j];return k[2]=b,k[3]=+a>0,k[4]=c,ad.apply(null,k)}function cd(a,b){return void 0===af[a]?!1:void 0===b?af[a]:(af[a]=b,!0)}function dd(a){var b=this.localeData(),c=bd(this,!a,b);return a&&(c=b.pastFuture(+this,c)),b.postformat(c)}function ed(){var a,b,c,d=bf(this._milliseconds)/1e3,e=bf(this._days),f=bf(this._months);a=q(d/60),b=q(a/60),d%=60,a%=60,c=q(f/12),f%=12;var g=c,h=f,i=e,j=b,k=a,l=d,m=this.asSeconds();return m?(0>m?"-":"")+"P"+(g?g+"Y":"")+(h?h+"M":"")+(i?i+"D":"")+(j||k||l?"T":"")+(j?j+"H":"")+(k?k+"M":"")+(l?l+"S":""):"P0D"}var fd,gd;gd=Array.prototype.some?Array.prototype.some:function(a){for(var b=Object(this),c=b.length>>>0,d=0;c>d;d++)if(d in b&&a.call(this,b[d],d,b))return!0;return!1};var hd=a.momentProperties=[],id=!1,jd={};a.suppressDeprecationWarnings=!1,a.deprecationHandler=null;var kd;kd=Object.keys?Object.keys:function(a){var b,c=[];for(b in a)f(a,b)&&c.push(b);return c};var ld,md,nd={},od={},pd=/(\[[^\[]*\])|(\\)?([Hh]mm(ss)?|Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Qo?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|kk?|mm?|ss?|S{1,9}|x|X|zz?|ZZ?|.)/g,qd=/(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,rd={},sd={},td=/\d/,ud=/\d\d/,vd=/\d{3}/,wd=/\d{4}/,xd=/[+-]?\d{6}/,yd=/\d\d?/,zd=/\d\d\d\d?/,Ad=/\d\d\d\d\d\d?/,Bd=/\d{1,3}/,Cd=/\d{1,4}/,Dd=/[+-]?\d{1,6}/,Ed=/\d+/,Fd=/[+-]?\d+/,Gd=/Z|[+-]\d\d:?\d\d/gi,Hd=/Z|[+-]\d\d(?::?\d\d)?/gi,Id=/[+-]?\d+(\.\d{1,3})?/,Jd=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,Kd={},Ld={},Md=0,Nd=1,Od=2,Pd=3,Qd=4,Rd=5,Sd=6,Td=7,Ud=8;md=Array.prototype.indexOf?Array.prototype.indexOf:function(a){var b;for(b=0;b<this.length;++b)if(this[b]===a)return b;return-1},R("M",["MM",2],"Mo",function(){return this.month()+1}),R("MMM",0,0,function(a){return this.localeData().monthsShort(this,a)}),R("MMMM",0,0,function(a){return this.localeData().months(this,a)}),J("month","M"),W("M",yd),W("MM",yd,ud),W("MMM",function(a,b){return b.monthsShortRegex(a)}),W("MMMM",function(a,b){return b.monthsRegex(a)}),$(["M","MM"],function(a,b){b[Nd]=r(a)-1}),$(["MMM","MMMM"],function(a,b,c,d){var e=c._locale.monthsParse(a,d,c._strict);null!=e?b[Nd]=e:j(c).invalidMonth=a});var Vd=/D[oD]?(\[[^\[\]]*\]|\s+)+MMMM?/,Wd="January_February_March_April_May_June_July_August_September_October_November_December".split("_"),Xd="Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),Yd=Jd,Zd=Jd,$d=/^\s*((?:[+-]\d{6}|\d{4})-(?:\d\d-\d\d|W\d\d-\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?::\d\d(?::\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?/,_d=/^\s*((?:[+-]\d{6}|\d{4})(?:\d\d\d\d|W\d\d\d|W\d\d|\d\d\d|\d\d))(?:(T| )(\d\d(?:\d\d(?:\d\d(?:[.,]\d+)?)?)?)([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?/,ae=/Z|[+-]\d\d(?::?\d\d)?/,be=[["YYYYYY-MM-DD",/[+-]\d{6}-\d\d-\d\d/],["YYYY-MM-DD",/\d{4}-\d\d-\d\d/],["GGGG-[W]WW-E",/\d{4}-W\d\d-\d/],["GGGG-[W]WW",/\d{4}-W\d\d/,!1],["YYYY-DDD",/\d{4}-\d{3}/],["YYYY-MM",/\d{4}-\d\d/,!1],["YYYYYYMMDD",/[+-]\d{10}/],["YYYYMMDD",/\d{8}/],["GGGG[W]WWE",/\d{4}W\d{3}/],["GGGG[W]WW",/\d{4}W\d{2}/,!1],["YYYYDDD",/\d{7}/]],ce=[["HH:mm:ss.SSSS",/\d\d:\d\d:\d\d\.\d+/],["HH:mm:ss,SSSS",/\d\d:\d\d:\d\d,\d+/],["HH:mm:ss",/\d\d:\d\d:\d\d/],["HH:mm",/\d\d:\d\d/],["HHmmss.SSSS",/\d\d\d\d\d\d\.\d+/],["HHmmss,SSSS",/\d\d\d\d\d\d,\d+/],["HHmmss",/\d\d\d\d\d\d/],["HHmm",/\d\d\d\d/],["HH",/\d\d/]],de=/^\/?Date\((\-?\d+)/i;a.createFromInputFallback=u("moment construction falls back to js Date. This is discouraged and will be removed in upcoming major release. Please refer to https://github.com/moment/moment/issues/1407 for more info.",function(a){a._d=new Date(a._i+(a._useUTC?" UTC":""))}),R("Y",0,0,function(){var a=this.year();return 9999>=a?""+a:"+"+a}),R(0,["YY",2],0,function(){return this.year()%100}),R(0,["YYYY",4],0,"year"),R(0,["YYYYY",5],0,"year"),R(0,["YYYYYY",6,!0],0,"year"),J("year","y"),W("Y",Fd),W("YY",yd,ud),W("YYYY",Cd,wd),W("YYYYY",Dd,xd),W("YYYYYY",Dd,xd),$(["YYYYY","YYYYYY"],Md),$("YYYY",function(b,c){c[Md]=2===b.length?a.parseTwoDigitYear(b):r(b)}),$("YY",function(b,c){c[Md]=a.parseTwoDigitYear(b)}),$("Y",function(a,b){b[Md]=parseInt(a,10)}),a.parseTwoDigitYear=function(a){return r(a)+(r(a)>68?1900:2e3)};var ee=M("FullYear",!0);a.ISO_8601=function(){};var fe=u("moment().min is deprecated, use moment.max instead. https://github.com/moment/moment/issues/1548",function(){var a=Ka.apply(null,arguments);return this.isValid()&&a.isValid()?this>a?this:a:l()}),ge=u("moment().max is deprecated, use moment.min instead. https://github.com/moment/moment/issues/1548",function(){var a=Ka.apply(null,arguments);return this.isValid()&&a.isValid()?a>this?this:a:l()}),he=function(){return Date.now?Date.now():+new Date};Qa("Z",":"),Qa("ZZ",""),W("Z",Hd),W("ZZ",Hd),$(["Z","ZZ"],function(a,b,c){c._useUTC=!0,c._tzm=Ra(Hd,a)});var ie=/([\+\-]|\d\d)/gi;a.updateOffset=function(){};var je=/^(\-)?(?:(\d*)[. ])?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?\d*)?$/,ke=/^(-)?P(?:(-?[0-9,.]*)Y)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)W)?(?:(-?[0-9,.]*)D)?(?:T(?:(-?[0-9,.]*)H)?(?:(-?[0-9,.]*)M)?(?:(-?[0-9,.]*)S)?)?$/;db.fn=Oa.prototype;var le=ib(1,"add"),me=ib(-1,"subtract");a.defaultFormat="YYYY-MM-DDTHH:mm:ssZ",a.defaultFormatUtc="YYYY-MM-DDTHH:mm:ss[Z]";var ne=u("moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.",function(a){return void 0===a?this.localeData():this.locale(a)});R(0,["gg",2],0,function(){return this.weekYear()%100}),R(0,["GG",2],0,function(){return this.isoWeekYear()%100}),Pb("gggg","weekYear"),Pb("ggggg","weekYear"),Pb("GGGG","isoWeekYear"),Pb("GGGGG","isoWeekYear"),J("weekYear","gg"),J("isoWeekYear","GG"),W("G",Fd),W("g",Fd),W("GG",yd,ud),W("gg",yd,ud),W("GGGG",Cd,wd),W("gggg",Cd,wd),W("GGGGG",Dd,xd),W("ggggg",Dd,xd),_(["gggg","ggggg","GGGG","GGGGG"],function(a,b,c,d){b[d.substr(0,2)]=r(a)}),_(["gg","GG"],function(b,c,d,e){c[e]=a.parseTwoDigitYear(b)}),R("Q",0,"Qo","quarter"),J("quarter","Q"),W("Q",td),$("Q",function(a,b){b[Nd]=3*(r(a)-1)}),R("w",["ww",2],"wo","week"),R("W",["WW",2],"Wo","isoWeek"),J("week","w"),J("isoWeek","W"),W("w",yd),W("ww",yd,ud),W("W",yd),W("WW",yd,ud),_(["w","ww","W","WW"],function(a,b,c,d){b[d.substr(0,1)]=r(a)});var oe={dow:0,doy:6};R("D",["DD",2],"Do","date"),J("date","D"),W("D",yd),W("DD",yd,ud),W("Do",function(a,b){return a?b._ordinalParse:b._ordinalParseLenient}),$(["D","DD"],Od),$("Do",function(a,b){b[Od]=r(a.match(yd)[0],10)});var pe=M("Date",!0);R("d",0,"do","day"),R("dd",0,0,function(a){return this.localeData().weekdaysMin(this,a)}),R("ddd",0,0,function(a){return this.localeData().weekdaysShort(this,a)}),R("dddd",0,0,function(a){return this.localeData().weekdays(this,a)}),R("e",0,0,"weekday"),R("E",0,0,"isoWeekday"),J("day","d"),J("weekday","e"),J("isoWeekday","E"),W("d",yd),W("e",yd),W("E",yd),W("dd",function(a,b){return b.weekdaysMinRegex(a)}),W("ddd",function(a,b){return b.weekdaysShortRegex(a)}),W("dddd",function(a,b){return b.weekdaysRegex(a)}),_(["dd","ddd","dddd"],function(a,b,c,d){var e=c._locale.weekdaysParse(a,d,c._strict);null!=e?b.d=e:j(c).invalidWeekday=a}),_(["d","e","E"],function(a,b,c,d){b[d]=r(a)});var qe="Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),re="Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),se="Su_Mo_Tu_We_Th_Fr_Sa".split("_"),te=Jd,ue=Jd,ve=Jd;R("DDD",["DDDD",3],"DDDo","dayOfYear"),J("dayOfYear","DDD"),W("DDD",Bd),W("DDDD",vd),$(["DDD","DDDD"],function(a,b,c){c._dayOfYear=r(a)}),R("H",["HH",2],0,"hour"),R("h",["hh",2],0,oc),R("k",["kk",2],0,pc),R("hmm",0,0,function(){return""+oc.apply(this)+Q(this.minutes(),2)}),R("hmmss",0,0,function(){return""+oc.apply(this)+Q(this.minutes(),2)+Q(this.seconds(),2)}),R("Hmm",0,0,function(){return""+this.hours()+Q(this.minutes(),2)}),R("Hmmss",0,0,function(){return""+this.hours()+Q(this.minutes(),2)+Q(this.seconds(),2)}),qc("a",!0),qc("A",!1),J("hour","h"),W("a",rc),W("A",rc),W("H",yd),W("h",yd),W("HH",yd,ud),W("hh",yd,ud),W("hmm",zd),W("hmmss",Ad),W("Hmm",zd),W("Hmmss",Ad),$(["H","HH"],Pd),$(["a","A"],function(a,b,c){c._isPm=c._locale.isPM(a),c._meridiem=a}),$(["h","hh"],function(a,b,c){b[Pd]=r(a),j(c).bigHour=!0}),$("hmm",function(a,b,c){var d=a.length-2;b[Pd]=r(a.substr(0,d)),b[Qd]=r(a.substr(d)),j(c).bigHour=!0}),$("hmmss",function(a,b,c){var d=a.length-4,e=a.length-2;b[Pd]=r(a.substr(0,d)),b[Qd]=r(a.substr(d,2)),b[Rd]=r(a.substr(e)),j(c).bigHour=!0}),$("Hmm",function(a,b,c){var d=a.length-2;b[Pd]=r(a.substr(0,d)),b[Qd]=r(a.substr(d))}),$("Hmmss",function(a,b,c){var d=a.length-4,e=a.length-2;b[Pd]=r(a.substr(0,d)),b[Qd]=r(a.substr(d,2)),b[Rd]=r(a.substr(e))});var we=/[ap]\.?m?\.?/i,xe=M("Hours",!0);R("m",["mm",2],0,"minute"),J("minute","m"),W("m",yd),W("mm",yd,ud),$(["m","mm"],Qd);var ye=M("Minutes",!1);R("s",["ss",2],0,"second"),J("second","s"),W("s",yd),W("ss",yd,ud),$(["s","ss"],Rd);var ze=M("Seconds",!1);R("S",0,0,function(){return~~(this.millisecond()/100)}),R(0,["SS",2],0,function(){return~~(this.millisecond()/10)}),R(0,["SSS",3],0,"millisecond"),R(0,["SSSS",4],0,function(){return 10*this.millisecond()}),R(0,["SSSSS",5],0,function(){return 100*this.millisecond()}),R(0,["SSSSSS",6],0,function(){return 1e3*this.millisecond()}),R(0,["SSSSSSS",7],0,function(){return 1e4*this.millisecond()}),R(0,["SSSSSSSS",8],0,function(){return 1e5*this.millisecond()}),R(0,["SSSSSSSSS",9],0,function(){return 1e6*this.millisecond()}),J("millisecond","ms"),W("S",Bd,td),W("SS",Bd,ud),W("SSS",Bd,vd);var Ae;for(Ae="SSSS";Ae.length<=9;Ae+="S")W(Ae,Ed);for(Ae="S";Ae.length<=9;Ae+="S")$(Ae,uc);var Be=M("Milliseconds",!1);R("z",0,0,"zoneAbbr"),R("zz",0,0,"zoneName");var Ce=o.prototype;Ce.add=le,Ce.calendar=kb,Ce.clone=lb,Ce.diff=sb,Ce.endOf=Eb,Ce.format=wb,Ce.from=xb,Ce.fromNow=yb,Ce.to=zb,Ce.toNow=Ab,Ce.get=P,Ce.invalidAt=Nb,Ce.isAfter=mb,Ce.isBefore=nb,Ce.isBetween=ob,Ce.isSame=pb,Ce.isSameOrAfter=qb,Ce.isSameOrBefore=rb,Ce.isValid=Lb,Ce.lang=ne,Ce.locale=Bb,Ce.localeData=Cb,Ce.max=ge,Ce.min=fe,Ce.parsingFlags=Mb,Ce.set=P,Ce.startOf=Db,Ce.subtract=me,Ce.toArray=Ib,Ce.toObject=Jb,Ce.toDate=Hb,Ce.toISOString=vb,Ce.toJSON=Kb,Ce.toString=ub,Ce.unix=Gb,Ce.valueOf=Fb,Ce.creationData=Ob,Ce.year=ee,Ce.isLeapYear=ta,Ce.weekYear=Qb,Ce.isoWeekYear=Rb,Ce.quarter=Ce.quarters=Wb,Ce.month=ha,Ce.daysInMonth=ia,Ce.week=Ce.weeks=$b,Ce.isoWeek=Ce.isoWeeks=_b,Ce.weeksInYear=Tb,Ce.isoWeeksInYear=Sb,Ce.date=pe,Ce.day=Ce.days=gc,Ce.weekday=hc,Ce.isoWeekday=ic,Ce.dayOfYear=nc,Ce.hour=Ce.hours=xe,Ce.minute=Ce.minutes=ye,Ce.second=Ce.seconds=ze,Ce.millisecond=Ce.milliseconds=Be,Ce.utcOffset=Ua,Ce.utc=Wa,Ce.local=Xa,Ce.parseZone=Ya,Ce.hasAlignedHourOffset=Za,Ce.isDST=$a,Ce.isDSTShifted=_a,Ce.isLocal=ab,Ce.isUtcOffset=bb,Ce.isUtc=cb,Ce.isUTC=cb,Ce.zoneAbbr=vc,Ce.zoneName=wc,Ce.dates=u("dates accessor is deprecated. Use date instead.",pe),Ce.months=u("months accessor is deprecated. Use month instead",ha),Ce.years=u("years accessor is deprecated. Use year instead",ee),Ce.zone=u("moment().zone is deprecated, use moment().utcOffset instead. https://github.com/moment/moment/issues/1779",Va);var De=Ce,Ee={sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},Fe={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},Ge="Invalid date",He="%d",Ie=/\d{1,2}/,Je={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},Ke=A.prototype;Ke._calendar=Ee,Ke.calendar=zc,Ke._longDateFormat=Fe,Ke.longDateFormat=Ac,Ke._invalidDate=Ge,Ke.invalidDate=Bc,Ke._ordinal=He,Ke.ordinal=Cc,Ke._ordinalParse=Ie,Ke.preparse=Dc,Ke.postformat=Dc,Ke._relativeTime=Je,Ke.relativeTime=Ec,Ke.pastFuture=Fc,Ke.set=y,Ke.months=ca,Ke._months=Wd,Ke.monthsShort=da,Ke._monthsShort=Xd,Ke.monthsParse=fa,Ke._monthsRegex=Zd,Ke.monthsRegex=ka,Ke._monthsShortRegex=Yd,Ke.monthsShortRegex=ja,Ke.week=Xb,Ke._week=oe,Ke.firstDayOfYear=Zb,Ke.firstDayOfWeek=Yb,Ke.weekdays=bc,Ke._weekdays=qe,Ke.weekdaysMin=dc,Ke._weekdaysMin=se,Ke.weekdaysShort=cc,Ke._weekdaysShort=re,Ke.weekdaysParse=fc,Ke._weekdaysRegex=te,Ke.weekdaysRegex=jc,Ke._weekdaysShortRegex=ue,Ke.weekdaysShortRegex=kc,Ke._weekdaysMinRegex=ve,Ke.weekdaysMinRegex=lc,Ke.isPM=sc,Ke._meridiemParse=we,Ke.meridiem=tc,E("en",{ordinalParse:/\d{1,2}(th|st|nd|rd)/,ordinal:function(a){var b=a%10,c=1===r(a%100/10)?"th":1===b?"st":2===b?"nd":3===b?"rd":"th";return a+c}}),a.lang=u("moment.lang is deprecated. Use moment.locale instead.",E),a.langData=u("moment.langData is deprecated. Use moment.localeData instead.",H);var Le=Math.abs,Me=Yc("ms"),Ne=Yc("s"),Oe=Yc("m"),Pe=Yc("h"),Qe=Yc("d"),Re=Yc("w"),Se=Yc("M"),Te=Yc("y"),Ue=$c("milliseconds"),Ve=$c("seconds"),We=$c("minutes"),Xe=$c("hours"),Ye=$c("days"),Ze=$c("months"),$e=$c("years"),_e=Math.round,af={s:45,m:45,h:22,d:26,M:11},bf=Math.abs,cf=Oa.prototype;cf.abs=Oc,cf.add=Qc,cf.subtract=Rc,cf.as=Wc,cf.asMilliseconds=Me,cf.asSeconds=Ne,cf.asMinutes=Oe,cf.asHours=Pe,cf.asDays=Qe,cf.asWeeks=Re,cf.asMonths=Se,cf.asYears=Te,cf.valueOf=Xc,cf._bubble=Tc,cf.get=Zc,cf.milliseconds=Ue,cf.seconds=Ve,cf.minutes=We,cf.hours=Xe,cf.days=Ye,cf.weeks=_c,cf.months=Ze,cf.years=$e,cf.humanize=dd,cf.toISOString=ed,cf.toString=ed,cf.toJSON=ed,cf.locale=Bb,cf.localeData=Cb,cf.toIsoString=u("toIsoString() is deprecated. Please use toISOString() instead (notice the capitals)",ed),cf.lang=ne,R("X",0,0,"unix"),R("x",0,0,"valueOf"),W("x",Fd),W("X",Id),$("X",function(a,b,c){c._d=new Date(1e3*parseFloat(a,10))}),$("x",function(a,b,c){c._d=new Date(r(a))}),a.version="2.13.0",b(Ka),a.fn=De,a.min=Ma,a.max=Na,a.now=he,a.utc=h,a.unix=xc,a.months=Jc,a.isDate=d,a.locale=E,a.invalid=l,a.duration=db,a.isMoment=p,a.weekdays=Lc,a.parseZone=yc,a.localeData=H,a.isDuration=Pa,a.monthsShort=Kc,a.weekdaysMin=Nc,a.defineLocale=F,a.updateLocale=G,a.locales=I,a.weekdaysShort=Mc,a.normalizeUnits=K,a.relativeTimeThreshold=cd,a.prototype=De;var df=a;return df});
\ No newline at end of file
diff --git a/inc/themes/material-blue/views/account/account-editpass.inc b/inc/themes/material-blue/views/account/account-editpass.inc
index 7e321378..48268837 100644
--- a/inc/themes/material-blue/views/account/account-editpass.inc
+++ b/inc/themes/material-blue/views/account/account-editpass.inc
@@ -9,26 +9,54 @@
     <table class="data round">
         <tr>
             <td class="descField"><?php echo _('Nombre'); ?></td>
-            <td class="valField"><?php echo $accountData->getAccountName(); ?></td>
+            <td class="valField">
+                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                    <input id="name" name="name" type="text"
+                           class="mdl-textfield__input mdl-color-text--indigo-400"
+                           value="<?php echo $accountData->getAccountName(); ?>" readonly>
+                    <label class="mdl-textfield__label" for="name"><?php echo _('Nombre de cuenta'); ?></label>
+                </div>
+            </td>
         </tr>
         <tr>
             <td class="descField"><?php echo _('Cliente'); ?></td>
-            <td class="valField"><?php echo $accountData->customer_name; ?></td>
+            <td class="valField">
+                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                    <input id="customer" name="customer" type="text"
+                           class="mdl-textfield__input mdl-color-text--indigo-400"
+                           value="<?php echo $accountData->getCustomerName(); ?>" readonly>
+                    <label class="mdl-textfield__label" for="customer"><?php echo _('Cliente'); ?></label>
+                </div>
+            </td>
         </tr>
         <tr>
             <td class="descField"><?php echo _('URL / IP'); ?></td>
-            <td class="valField"><A href="<?php echo $accountData->getAccountUrl(); ?>"
-                                    target="_blank"><?php echo $accountData->getAccountUrl(); ?></td>
+            <td class="valField">
+                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                    <input id="url" name="url" type="text"
+                           class="mdl-textfield__input mdl-color-text--indigo-400"
+                           value="<?php echo $accountData->getAccountUrl(); ?>" readonly>
+                    <label class="mdl-textfield__label" for="url"><?php echo _('URL / IP'); ?></label>
+                </div>
+            </td>
         </tr>
         <tr>
             <td class="descField"><?php echo _('Usuario'); ?></td>
-            <td class="valField"><?php echo $accountData->getAccountLogin(); ?></td>
+            <td class="valField">
+                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                    <input id="user" name="user" type="text"
+                           class="mdl-textfield__input mdl-color-text--indigo-400"
+                           value="<?php echo $accountData->getAccountLogin(); ?>" readonly>
+                    <label class="mdl-textfield__label" for="user"><?php echo _('Usuario'); ?></label>
+                </div>
+            </td>
         </tr>
         <tr>
             <td class="descField"><?php echo _('Clave'); ?></td>
             <td class="valField">
                 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-                    <input id="accountpass" name="pass" type="password" required class="mdl-textfield__input mdl-color-text--indigo-400 passwordfield__input"
+                    <input id="accountpass" name="pass" type="password" required
+                           class="mdl-textfield__input mdl-color-text--indigo-400 passwordfield__input"
                            maxlength="255" autocomplete="off">
                     <label class="mdl-textfield__label" for="accountpass"><?php echo _('Clave'); ?></label>
                 </div>
@@ -38,12 +66,27 @@
             <td class="descField"><?php echo _('Clave (repetir)'); ?></td>
             <td class="valField">
                 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-                    <input id="accountpassR" name="passR" type="password" required class="mdl-textfield__input mdl-color-text--indigo-400"
+                    <input id="accountpassR" name="passR" type="password" required
+                           class="mdl-textfield__input mdl-color-text--indigo-400"
                            maxlength="255" autocomplete="off">
                     <label class="mdl-textfield__label" for="accountpassR"><?php echo _('Clave'); ?></label>
                 </div>
             </td>
         </tr>
+        <tr>
+            <td class="descField"><?php echo _('Fecha Caducidad Clave'); ?></td>
+            <td class="valField">
+                <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                    <input id="accountpassdatechange" name="accountpassdatechange" type="date"
+                           class="mdl-textfield__input mdl-color-text--indigo-400 password-datefield__input"
+                           value="<?php echo $accountPassDateChange; ?>">
+                    <label class="mdl-textfield__label"
+                           for="accountpassdatechange"><?php echo _('Fecha'); ?></label>
+                </div>
+                <i class="material-icons btn-action"
+                   title="<?php echo _('Seleccionar Fecha'); ?>">date_range</i>
+            </td>
+        </tr>
     </table>
     <input type="hidden" name="actionId" value="<?php echo $actionId; ?>"/>
     <input type="hidden" name="accountId" value="<?php echo $accountId; ?>"/>
diff --git a/inc/themes/material-blue/views/account/account.inc b/inc/themes/material-blue/views/account/account.inc
index 754c4c51..3ab56611 100644
--- a/inc/themes/material-blue/views/account/account.inc
+++ b/inc/themes/material-blue/views/account/account.inc
@@ -124,13 +124,28 @@
                     </div>
                 </td>
             </tr>
+            <tr>
+                <td class="descField"><?php echo _('Fecha Caducidad Clave'); ?></td>
+                <td class="valField">
+                    <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+                        <input id="accountpassdatechange" name="accountpassdatechange" type="date"
+                               class="mdl-textfield__input mdl-color-text--indigo-400 password-datefield__input"
+                               value="<?php echo $gotData ? $accountData->getAccountPassDateChange() : ''; ?>">
+                        <label class="mdl-textfield__label"
+                               for="accountpassdatechange"><?php echo _('Fecha'); ?></label>
+                    </div>
+                    <i class="material-icons btn-action"
+                       title="<?php echo _('Seleccionar Fecha'); ?>">date_range</i>
+                </td>
+            </tr>
         <?php endif; ?>
         <tr>
             <td class="descField"><?php echo _('Notas'); ?></td>
             <td class="valField">
                 <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
                         <textarea class="mdl-textfield__input mdl-color-text--indigo-400" rows="3" id="notes"
-                                  name="notes" maxlength="1000" <?php echo $readonly; ?>><?php echo $gotData ? $accountData->getAccountNotes() : ''; ?></textarea>
+                                  name="notes"
+                                  maxlength="1000" <?php echo $readonly; ?>><?php echo $gotData ? $accountData->getAccountNotes() : ''; ?></textarea>
                     <label class="mdl-textfield__label"
                            for="notes"><?php echo _('Notas sobre la cuenta'); ?></label>
                 </div>
@@ -267,7 +282,6 @@
         });
         <?php endif; ?>
 
-
         sysPassApp.sk.set("<?php echo $sk; ?>");
         sysPassApp.triggers().views.account();
     });
diff --git a/inc/themes/material-blue/views/account/details.inc b/inc/themes/material-blue/views/account/details.inc
index 5b951381..aab26b2f 100644
--- a/inc/themes/material-blue/views/account/details.inc
+++ b/inc/themes/material-blue/views/account/details.inc
@@ -78,4 +78,12 @@
             </td>
         </tr>
     <?php endif; ?>
+    <tr>
+        <td class="descField"><?php echo _('Fecha de Clave'); ?></td>
+        <td class="valField"><?php echo $accountPassDate; ?></td>
+    </tr>
+    <tr>
+        <td class="descField"><?php echo _('Fecha Caducidad Clave'); ?></td>
+        <td class="valField"><?php echo $accountPassDateChange; ?></td>
+    </tr>
 </table>
\ No newline at end of file
diff --git a/inc/themes/material-blue/views/accountsearch/rows.inc b/inc/themes/material-blue/views/accountsearch/rows.inc
index c65cc18f..a182b31e 100644
--- a/inc/themes/material-blue/views/accountsearch/rows.inc
+++ b/inc/themes/material-blue/views/accountsearch/rows.inc
@@ -85,73 +85,79 @@
             </div>
             <div class="label-right">
                 <?php if ($AccountSearchItem->isShow()): ?>
-                    <div class="account-info">
-                        <?php if (!$AccountSearchData->getAccountIsPrivate()): ?>
-                            <i id="accesses-<?php echo $AccountSearchData->getAccountId(); ?>"
-                               class="material-icons">face</i>
+                <div class="account-info">
 
-                            <div class="mdl-tooltip" for="accesses-<?php echo $AccountSearchData->getAccountId(); ?>">
-                                <?php echo _('Permisos'), '<br>', $AccountSearchItem->getAccesses(); ?>
-                            </div>
-                        <?php else: ?>
-                            <i class="material-icons" title="<?php echo _('Privada'); ?>">lock</i>
-                        <?php endif; ?>
+                    <?php if ($AccountSearchItem->isPasswordExpired()): ?>
+                        <i class="material-icons <?php echo $icons->getIconWarning()->getClass(); ?>"
+                           title="<?php echo _('Clave Caducada'); ?>"><?php echo $icons->getIconWarning()->getIcon(); ?></i>
+                    <?php endif; ?>
 
-                        <?php if ($AccountSearchItem->isFavorite()): ?>
-                            <i class="material-icons icon-favorite mdl-color-text--amber-A100"
-                               title="<?php echo _('Eliminar Favorito'); ?>"
-                               data-action-id-on="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_ADD; ?>"
-                               data-action-id-off="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_DELETE; ?>"
-                               data-item-id="<?php echo $AccountSearchData->getAccountId(); ?>"
-                               data-status="<?php echo 'on'; ?>">star</i>
-                        <?php else: ?>
-                            <i class="material-icons icon-favorite"
-                               title="<?php echo _('Marcar Favorito'); ?>"
-                               data-action-id-on="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_ADD; ?>"
-                               data-action-id-off="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_DELETE; ?>"
-                               data-item-id="<?php echo $AccountSearchData->getAccountId(); ?>"
-                               data-status="<?php echo 'off'; ?>">star_border</i>
-                        <?php endif; ?>
+                    <?php if (!$AccountSearchData->getAccountIsPrivate()): ?>
+                        <i id="accesses-<?php echo $AccountSearchData->getAccountId(); ?>"
+                           class="material-icons">face</i>
 
-                        <?php if ($AccountSearchData->getAccountNotes() !== ''): ?>
-                            <i id="notes-<?php echo $AccountSearchData->getAccountId(); ?>" class="material-icons">speaker_notes</i>
-                            <div class="mdl-tooltip" for="notes-<?php echo $AccountSearchData->getAccountId(); ?>">
-                                <?php echo _('Notas'), '<br>', $AccountSearchItem->getShortNotes(); ?>
-                            </div>
-                        <?php endif; ?>
+                        <div class="mdl-tooltip" for="accesses-<?php echo $AccountSearchData->getAccountId(); ?>">
+                            <?php echo _('Permisos'), '<br>', $AccountSearchItem->getAccesses(); ?>
+                        </div>
+                    <?php else: ?>
+                        <i class="material-icons" title="<?php echo _('Cuenta Privada'); ?>">lock</i>
+                    <?php endif; ?>
 
-                        <?php if ($AccountSearchItem->getNumFiles() > 0): ?>
-                            <i id="attachments-<?php echo $AccountSearchData->getAccountId(); ?>"
-                               class="material-icons">attach_file</i>
-                            <div class="mdl-tooltip"
-                                 for="attachments-<?php echo $AccountSearchData->getAccountId(); ?>">
-                                <?php echo _('Archivos adjuntos'), ': ', $AccountSearchItem->getNumFiles(); ?>
-                            </div>
-                        <?php endif; ?>
+                    <?php if ($AccountSearchItem->isFavorite()): ?>
+                        <i class="material-icons icon-favorite mdl-color-text--amber-A100"
+                           title="<?php echo _('Eliminar Favorito'); ?>"
+                           data-action-id-on="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_ADD; ?>"
+                           data-action-id-off="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_DELETE; ?>"
+                           data-item-id="<?php echo $AccountSearchData->getAccountId(); ?>"
+                           data-status="<?php echo 'on'; ?>">star</i>
+                    <?php else: ?>
+                        <i class="material-icons icon-favorite"
+                           title="<?php echo _('Marcar Favorito'); ?>"
+                           data-action-id-on="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_ADD; ?>"
+                           data-action-id-off="<?php echo \SP\Core\ActionsInterface::ACTION_ACC_FAVORITES_DELETE; ?>"
+                           data-item-id="<?php echo $AccountSearchData->getAccountId(); ?>"
+                           data-status="<?php echo 'off'; ?>">star_border</i>
+                    <?php endif; ?>
 
-                        <?php if (isset($wikiFilter)): ?>
-                            <?php if (preg_match('/^(' . $wikiFilter . ').*/i', $AccountSearchData->getAccountName())): ?>
-                                <?php if (\SP\Account\AccountsSearchItem::$dokuWikiEnabled): ?>
-                                    <a href="<?php echo $wikiPageUrl, $AccountSearchData->getAccountName(); ?>"
-                                       target="_blank">
-                                        <i class="material-icons"
-                                           title="<?php echo _('Enlace a Wiki'); ?>">library_books</i>
-                                    </a>
-                                    <i class="btn-action material-icons fg-green100"
-                                       title="<?php echo _('Ver en Wiki'); ?>"
-                                       data-action-id="<?php echo \SP\Core\ActionsInterface::ACTION_WIKI_VIEW; ?>"
-                                       data-item-id="<?php echo $AccountSearchData->getAccountName(); ?>"
-                                       data-onclick="wiki/show">library_books</i>
-                                <?php else: ?>
-                                    <a href="<?php echo $wikiPageUrl, $AccountSearchData->getAccountName(); ?>"
-                                       target="_blank">
-                                        <i class="material-icons"
-                                           title="<?php echo _('Enlace a Wiki'); ?>">library_books</i>
-                                    </a>
-                                <?php endif; ?>
+                    <?php if ($AccountSearchData->getAccountNotes() !== ''): ?>
+                        <i id="notes-<?php echo $AccountSearchData->getAccountId(); ?>" class="material-icons">speaker_notes</i>
+                        <div class="mdl-tooltip" for="notes-<?php echo $AccountSearchData->getAccountId(); ?>">
+                            <?php echo _('Notas'), '<br>', $AccountSearchItem->getShortNotes(); ?>
+                        </div>
+                    <?php endif; ?>
+
+                    <?php if ($AccountSearchItem->getNumFiles() > 0): ?>
+                        <i id="attachments-<?php echo $AccountSearchData->getAccountId(); ?>"
+                           class="material-icons">attach_file</i>
+                        <div class="mdl-tooltip"
+                             for="attachments-<?php echo $AccountSearchData->getAccountId(); ?>">
+                            <?php echo _('Archivos adjuntos'), ': ', $AccountSearchItem->getNumFiles(); ?>
+                        </div>
+                    <?php endif; ?>
+
+                    <?php if (isset($wikiFilter)): ?>
+                        <?php if (preg_match('/^(' . $wikiFilter . ').*/i', $AccountSearchData->getAccountName())): ?>
+                            <?php if (\SP\Account\AccountsSearchItem::$dokuWikiEnabled): ?>
+                                <a href="<?php echo $wikiPageUrl, $AccountSearchData->getAccountName(); ?>"
+                                   target="_blank">
+                                    <i class="material-icons"
+                                       title="<?php echo _('Enlace a Wiki'); ?>">library_books</i>
+                                </a>
+                                <i class="btn-action material-icons fg-green100"
+                                   title="<?php echo _('Ver en Wiki'); ?>"
+                                   data-action-id="<?php echo \SP\Core\ActionsInterface::ACTION_WIKI_VIEW; ?>"
+                                   data-item-id="<?php echo $AccountSearchData->getAccountName(); ?>"
+                                   data-onclick="wiki/show">library_books</i>
+                            <?php else: ?>
+                                <a href="<?php echo $wikiPageUrl, $AccountSearchData->getAccountName(); ?>"
+                                   target="_blank">
+                                    <i class="material-icons"
+                                       title="<?php echo _('Enlace a Wiki'); ?>">library_books</i>
+                                </a>
                             <?php endif; ?>
                         <?php endif; ?>
-                    </div>
+                    <?php endif; ?>
+                </div>
                 <?php endif; ?>
 
                 <?php if ($AccountSearchItem->isShow() || $AccountSearchItem->isShowRequest()): ?>
diff --git a/inc/themes/material-blue/views/accountsearch/searchbox.inc b/inc/themes/material-blue/views/accountsearch/searchbox.inc
index 80efc540..ff8f0a6d 100644
--- a/inc/themes/material-blue/views/accountsearch/searchbox.inc
+++ b/inc/themes/material-blue/views/accountsearch/searchbox.inc
@@ -28,6 +28,7 @@
                     <li>file:file_name
                         &gt; <?php echo _('Buscar cuentas con archivos con el nombre \'file_name\''); ?></li>
                     <li>tag:tag_name &gt; <?php echo _('Buscar cuentas con la etiqueta \'tag_name\''); ?></li>
+                    <li>expired: &gt; <?php echo _('Buscar cuentas con la clave caducada'); ?></li>
                 </ul>
             </div>
         </div>
diff --git a/js/strings.js.php b/js/strings.js.php
index de3964e2..4de124c1 100644
--- a/js/strings.js.php
+++ b/js/strings.js.php
@@ -78,5 +78,6 @@ $stringsJsLang = array(
     52 => _('Mostrar Favoritos'),
     53 => _('Mostrar Todos'),
     54 => _('Ayuda'),
-    55 => _('Sin cambios')
+    55 => _('Sin cambios'),
+    56 => _('Ahora')
 );
\ No newline at end of file