[ADD] Initial Commit 'multiple_datepicker_widget'

5 years ago · e83e431d75
23 changed files with 1287 additions and 0 deletions
--- a/multiple_datepicker_widget/README.rst
+++ b/multiple_datepicker_widget/README.rst
@ -0,0 +1,27 @@
+MULTIPLE DATE PICKER WIDGET
+===========================
+Multiple date picker widget for Odoo client
+
+Credits
+=======
+Credits for https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js
+Developer: Varsha Vivek K @ cybrosys, Contact: odoo@cybrosys.com
+
+Usage
+=====
+You need to declare a char field.
+
+    multi_dates = fields.Char(string="Multiple Dates")
+
+In the view declaration,
+    ...
+    <field name="arch" type="xml">
+        <form string="View name">
+            ...
+            <field name="multi_dates" widget="multiple_datepicker"/>
+            ...
+        </form>
+    </field>
+    ...
+
+
--- a/multiple_datepicker_widget/manifest.py
+++ b/multiple_datepicker_widget/manifest.py
@ -0,0 +1,40 @@
+# -*- coding: utf-8 -*-
+###################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2017-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#
+#    This program is free software: you can modify
+#    it under the terms of the GNU Affero General Public License (AGPL) as
+#    published by the Free Software Foundation, either version 3 of the
+#    License, or (at your option) any later version.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU Affero General Public License for more details.
+#
+#    You should have received a copy of the GNU Affero General Public License
+#    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+#
+###################################################################################
+
+{
+    'name': 'Multiple DatePicker Widget',
+    'version': '13.0.1.0.0',
+    'summary': 'Widget for picking multiple dates',
+    'description': 'Widget for picking multiple dates',
+    'category': 'Tools',
+    'author': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base'],
+    'data': ['view/assets.xml'],
+    'qweb': ['static/src/xml/datepicker_widget.xml'],
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'application': False,
+    'auto_install': False,
+}
--- a/multiple_datepicker_widget/doc/RELEASE_NOTES.md
+++ b/multiple_datepicker_widget/doc/RELEASE_NOTES.md
@ -0,0 +1,6 @@
+## Module <multiple_datepicker_widget>
+
+#### 06.03.2020
+#### Version 13.0.1.0.0
+##### ADD
+- Initial commit for Multiple Date Picker Widget
--- a/multiple_datepicker_widget/static/description/banner.png
+++ b/multiple_datepicker_widget/static/description/banner.png
--- a/multiple_datepicker_widget/static/description/icon.png
+++ b/multiple_datepicker_widget/static/description/icon.png
--- a/multiple_datepicker_widget/static/description/images/auto_fill.jpeg
+++ b/multiple_datepicker_widget/static/description/images/auto_fill.jpeg
--- a/multiple_datepicker_widget/static/description/images/calculator_in_pos.png
+++ b/multiple_datepicker_widget/static/description/images/calculator_in_pos.png
--- a/multiple_datepicker_widget/static/description/images/checked.png
+++ b/multiple_datepicker_widget/static/description/images/checked.png
--- a/multiple_datepicker_widget/static/description/images/custom_gantt_view.png
+++ b/multiple_datepicker_widget/static/description/images/custom_gantt_view.png
--- a/multiple_datepicker_widget/static/description/images/cybrosys.png
+++ b/multiple_datepicker_widget/static/description/images/cybrosys.png
--- a/multiple_datepicker_widget/static/description/images/dynamic_partner_fields.png
+++ b/multiple_datepicker_widget/static/description/images/dynamic_partner_fields.png
--- a/multiple_datepicker_widget/static/description/images/dynamic_product_fields.png
+++ b/multiple_datepicker_widget/static/description/images/dynamic_product_fields.png
--- a/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-1.png
+++ b/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-1.png
--- a/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-2.png
+++ b/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-2.png
--- a/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-3.png
+++ b/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget-3.png
--- a/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget.gif
+++ b/multiple_datepicker_widget/static/description/images/multiple_datepicker_widget.gif
--- a/multiple_datepicker_widget/static/description/images/project_custom_gantt.png
+++ b/multiple_datepicker_widget/static/description/images/project_custom_gantt.png
--- a/multiple_datepicker_widget/static/description/index.html
+++ b/multiple_datepicker_widget/static/description/index.html
@ -0,0 +1,290 @@
+<div class="row" style="margin: 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4;text-align: center; margin: auto; display: flex;justify-content: center;">  <a  href="https://www.cybrosys.com/" target="_blank"><img src="images/cybrosys.png" style=" width: 293px; padding: 1rem 0rem; margin: auto" alt="cybrosys-logo"></a> </div>
+<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
+   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
+      <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
+         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Multiple Date Picker Widget</h1>
+         <h3 style="font-size: 21px;margin-top: 8px;position: relative;">Picking Multiple Dates into a Field</h3>
+      </div>
+      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
+      <ul style=" padding: 0 1px; list-style: none; ">
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Widget for picking multiple dates.</li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Using widget="multiple_datepicker" for applying widget on a field.</li>
+      </ul>
+   </div>
+   <div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/multiple_datepicker_widget.gif" class="img-responsive" alt=""> </div>
+</div>
+<div>
+   <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+      <div class="row py-4 px-3">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;" >Features </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a> </li>
+
+            </ul>
+            <div class="tab-content" id="pills-tabContent"
+               style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
+               <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- Overview-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                     This module creates a new widget for picking multiple dates in a field. Users can use widget="multiple_datepicker" for applying this widget. This field store dates as strings and it is separated by commas.
+                  </h3>
+               </div>
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- feature tab-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Multiple Date Picker Widget</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <ul>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Widget for picking multiple dates.</li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check">Using widget="multiple_datepicker" for applying widget on a field.</li>
+                  </ul>
+               </div>
+               <!-- Screenshot tab-->
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
+                  <div class="tab-pane">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                     <div>
+                        <section class="oe_container">
+                           <div id="demo" class="row carousel slide  mb32" data-ride="carousel">
+                              <div class="carousel-inner">
+                                 <div class="carousel-item active" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Add widget="multiple_datepicker" code into a field.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/multiple_datepicker_widget-1.png"> </div>
+                                    </div>
+                                 </div>
+                                 
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;"> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> Multiple date picker view.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/multiple_datepicker_widget-2.png"> </div>
+                                    </div>
+                                 </div>
+                                 
+                                 <div class="carousel-item" style="min-height: 0px;">
+                                    <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16" style="float: left;">
+                                       <h3 class="mb32 alert" style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; "> <img src="images/checked.png" style=" width: 22px; margin-right: 6px; " alt="check"> After saving, the field will be stored dates as follows.</h3>
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/multiple_datepicker_widget-3.png"> </div>
+                                    </div>
+                                 </div>
+                              </div>
+                              <a class="carousel-control-prev" href="#demo" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+                           </div>
+                        </section>
+                     </div>
+                  </div>
+               </div>
+
+               <!-- faq tab-->
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+                  <ul class="list-unstyled">
+                  </ul>
+               </div>
+            </div>
+         </div>
+      </div>
+   </section>
+   <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div id="demo1" class="row carousel slide" data-ride="carousel">
+         <!-- The slideshow -->
+         <div class="carousel-inner">
+            <div class="carousel-item active" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/12.0/auto_fill/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/auto_fill.jpeg"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/project_custom_gantt/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/project_custom_gantt.png"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/custom_gantt_view/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/custom_gantt_view.png"> </div>
+                  </a>
+               </div>
+            </div>
+            <div class="carousel-item" style="min-height: 0px;">
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/calculator_in_pos/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/calculator_in_pos.png"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/dynamic_partner_fields/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/dynamic_partner_fields.png"> </div>
+                  </a>
+               </div>
+               <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left;">
+                  <a href="https://apps.odoo.com/apps/modules/13.0/dynamic_product_fields/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/dynamic_product_fields.png"> </div>
+                  </a>
+               </div>
+            </div>
+         </div>
+         <!-- Left and right controls --> 
+         <a class="carousel-control-prev" href="#demo1" data-slide="prev" style="left:-25px;width: 35px;color: #000;"> <span class="carousel-control-prev-icon"><i class="fa fa-chevron-left" style="font-size:24px"></i></span> </a> <a class="carousel-control-next" href="#demo1" data-slide="next" style="right:-25px;width: 35px;color: #000;"> <span class="carousel-control-next-icon"><i class="fa fa-chevron-right" style="font-size:24px"></i></span> </a> 
+      </div>
+   </section>
+   <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
+      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
+         <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3>
+            </a> 
+         </div>
+         <!-- </div> --> 
+      </div>
+   </section>
+   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
+      <div class="row" style="margin: 0">
+         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
+         <div class="row" style="width: 100%">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Trading </a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Easily procure and sell your products. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Manufacturing</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Plan, track and schedule your operations. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Restaurant</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Run your bar or restaurant methodical. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> POS</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Easy configuring and convivial selling. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> E-commerce & Website</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Mobile friendly, awe-inspiring product pages. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hotel Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> An all-inclusive hotel management application. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Education</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> A Collaborative platform for educational management. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Service Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Keep track of services and invoice accordingly. </h3>
+               </div>
+            </div>
+         </div>
+      </div>
+</div>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <center>
+      <div class="col-md-12" style="margin: auto !important;
+         width: 70%;
+         padding: 30px;">
+         <h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support. </h4>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-envelope"></i>Email us </h4>
+            <p>odoo@cybrosys.com  / info@cybrosys.com</p>
+         </div>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-phone"></i> Contact Us </h4>
+            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
+         </div>
+      </div>
+   </center>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <div class="oe_slogan" style="margin-bottom: 0px;">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
+      </div>
+      <br>
+      <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+      </div>
+   </div>
+</section>
+</div>
--- a/multiple_datepicker_widget/static/src/css/datepicker_widget.css
+++ b/multiple_datepicker_widget/static/src/css/datepicker_widget.css
@ -0,0 +1,67 @@
+.datepicker-dropdown {
+    top: 0;
+    left: 0;
+    padding: 4px
+}
+
+.datepicker table tr td,
+.datepicker table tr th {
+    text-align: center;
+    width: 30px;
+    height: 30px;
+    border: none
+}
+
+.datepicker table tr td.day:hover,
+.datepicker table tr td.focused {
+    background: #eee;
+    cursor: pointer;
+    border-radius: 18px;
+}
+
+.datepicker table tr td.active.active,
+.datepicker table tr td.active.highlighted.active,
+.datepicker table tr td.active.highlighted:active,
+.datepicker table tr td.active:active {
+    color: #fff;
+    background-color: #7C7BAD;
+    border-radius:18px;
+    border-color: #7C7BAD;
+    background-radius:11px;
+}
+
+.datepicker table tr td span {
+    display: block;
+    width: 23%;
+    height: 54px;
+    line-height: 54px;
+    float: left;
+    margin: 1%;
+    cursor: pointer;
+}
+
+.datepicker table tr td span.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active:hover {
+    color: #fff;
+    background-color: #7C7BAD;
+    border-color: #2e6da4;
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
+}
+
+.datepicker .datepicker-switch {
+    width: 145px;
+    background:#7C7BAD;
+    color:white;
+}
+
+.datepicker .datepicker-switch,
+.datepicker .next,
+.datepicker .prev,
+.datepicker tfoot tr th {
+    cursor: pointer;
+    background:#7C7BAD;
+    color:white;
+
+}
--- a/multiple_datepicker_widget/static/src/js/datepicker_widget.js
+++ b/multiple_datepicker_widget/static/src/js/datepicker_widget.js
@ -0,0 +1,29 @@
+odoo.define('multiple_datepicker_widget.MultipleDatePickerWidget', function(require) {
+    "use strict";
+    var field_registry = require('web.field_registry');
+    var fields = require('web.basic_fields');
+
+
+    var FieldDateMultipleDate = fields.InputField.extend({
+        template: 'FieldDateMultipleDate',
+
+        events: _.extend({}, fields.InputField.prototype.events, {
+            'click': '_onSelectDateField',
+        }),
+
+        _onSelectDateField: function(ev) {
+            this.$input.datepicker({
+                multidate: true,
+        }).trigger('focus');
+        },
+
+    });
+
+    field_registry.add('multiple_datepicker', FieldDateMultipleDate);
+    return {
+        FieldDateMultipleDate: FieldDateMultipleDate
+    };
+
+});
+
+
--- a/multiple_datepicker_widget/static/src/js/lib/bootstrap-datepicker.min.js
+++ b/multiple_datepicker_widget/static/src/js/lib/bootstrap-datepicker.min.js
@ -0,0 +1,809 @@
+/*!
+ * Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker)
+ *
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
+ */
+
+ !function(a) {
+    "function"==typeof define&&define.amd?define(["jquery"], a): a("object"==typeof exports?require("jquery"):jQuery)
+}
+(function(a, b) {
+        function c() {
+            return new Date(Date.UTC.apply(Date, arguments))
+        }
+        function d() {
+            var a=new Date; return c(a.getFullYear(), a.getMonth(), a.getDate())
+        }
+        function e(a, b) {
+            return a.getUTCFullYear()===b.getUTCFullYear()&&a.getUTCMonth()===b.getUTCMonth()&&a.getUTCDate()===b.getUTCDate()
+        }
+        function f(c, d) {
+            return function() {
+                return d !==b&&a.fn.datepicker.deprecated(d), this[c].apply(this, arguments)
+            }
+        }
+        function g(a) {
+            return a&& !isNaN(a.getTime())
+        }
+        function h(b, c) {
+            function d(a, b) {
+                return b.toLowerCase()
+            }
+
+            var e, f=a(b).data(), g= {}
+
+            , h=new RegExp("^"+c.toLowerCase()+"([A-Z])"); c=new RegExp("^"+c.toLowerCase()); for(var i in f)c.test(i)&&(e=i.replace(h, d), g[e]=f[i]); return g
+        }
+        function i(b) {
+            var c= {}
+
+            ; if(q[b]||(b=b.split("-")[0], q[b])) {
+                var d=q[b]; return a.each(p, function(a, b) {
+                        b in d&&(c[b]=d[b])
+                    }
+
+                ), c
+            }
+        }
+        var j=function() {
+            var b= {
+                get:function(a) {
+                    return this.slice(a)[0]
+                }
+
+                , contains:function(a) {
+                    for(var b=a&&a.valueOf(), c=0, d=this.length; c<d; c++)if(0<=this[c].valueOf()-b&&this[c].valueOf()-b<864e5)return c; return-1
+                }
+
+                , remove:function(a) {
+                    this.splice(a, 1)
+                }
+
+                , replace:function(b) {
+                    b&&(a.isArray(b)||(b=[b]), this.clear(), this.push.apply(this, b))
+                }
+
+                , clear:function() {
+                    this.length=0
+                }
+
+                , copy:function() {
+                    var a=new j; return a.replace(this), a
+                }
+            }
+
+            ; return function() {
+                var c=[]; return c.push.apply(c, arguments), a.extend(c, b), c
+            }
+        }
+
+        (), k=function(b, c) {
+            a.data(b, "datepicker", this), this._process_options(c), this.dates=new j, this.viewDate=this.o.defaultViewDate, this.focusDate=null, this.element=a(b), this.isInput=this.element.is("input"), this.inputField=this.isInput?this.element:this.element.find("input"), this.component= ! !this.element.hasClass("date")&&this.element.find(".add-on, .input-group-addon, .btn"), this.component&&0===this.component.length&&(this.component= !1), this.isInline= !this.component&&this.element.is("div"), this.picker=a(r.template), this._check_template(this.o.templates.leftArrow)&&this.picker.find(".prev").html(this.o.templates.leftArrow), this._check_template(this.o.templates.rightArrow)&&this.picker.find(".next").html(this.o.templates.rightArrow), this._buildEvents(), this._attachEvents(), this.isInline?this.picker.addClass("datepicker-inline").appendTo(this.element):this.picker.addClass("datepicker-dropdown dropdown-menu"), this.o.rtl&&this.picker.addClass("datepicker-rtl"), this.o.calendarWeeks&&this.picker.find(".datepicker-days .datepicker-switch, thead .datepicker-title, tfoot .today, tfoot .clear").attr("colspan", function(a, b) {
+                    return Number(b)+1
+                }
+
+            ), this._process_options( {
+                    startDate:this._o.startDate, endDate:this._o.endDate, daysOfWeekDisabled:this.o.daysOfWeekDisabled, daysOfWeekHighlighted:this.o.daysOfWeekHighlighted, datesDisabled:this.o.datesDisabled
+                }
+
+            ), this._allow_update= !1, this.setViewMode(this.o.startView), this._allow_update= !0, this.fillDow(), this.fillMonths(), this.update(), this.isInline&&this.show()
+        }
+
+        ; k.prototype= {
+            constructor:k, _resolveViewName:function(b) {
+                return a.each(r.viewModes, function(c, d) {
+                        if(b===c||a.inArray(b, d.names) !==-1)return b=c,  !1
+                    }
+
+                ), b
+            }
+
+            , _resolveDaysOfWeek:function(b) {
+                return a.isArray(b)||(b=b.split(/[, \s]*/)), a.map(b, Number)
+            }
+
+            , _check_template:function(c) {
+                try {
+                    if(c===b||""===c)return !1; if((c.match(/[<>]/g)||[]).length<=0)return !0; var d=a(c); return d.length>0
+                }
+
+                catch(a) {
+                    return !1
+                }
+            }
+
+            , _process_options:function(b) {
+                this._o=a.extend( {}
+
+                    , this._o, b); var e=this.o=a.extend( {}
+
+                    , this._o), f=e.language; q[f]||(f=f.split("-")[0], q[f]||(f=o.language)), e.language=f, e.startView=this._resolveViewName(e.startView), e.minViewMode=this._resolveViewName(e.minViewMode), e.maxViewMode=this._resolveViewName(e.maxViewMode), e.startView=Math.max(this.o.minViewMode, Math.min(this.o.maxViewMode, e.startView)), e.multidate !== !0&&(e.multidate=Number(e.multidate)|| !1, e.multidate !== !1&&(e.multidate=Math.max(0, e.multidate))), e.multidateSeparator=String(e.multidateSeparator), e.weekStart%=7, e.weekEnd=(e.weekStart+6)%7; var g=r.parseFormat(e.format); e.startDate !==-(1/0)&&(e.startDate?e.startDate instanceof Date?e.startDate=this._local_to_utc(this._zero_time(e.startDate)):e.startDate=r.parseDate(e.startDate, g, e.language, e.assumeNearbyYear):e.startDate=-(1/0)), e.endDate !==1/0&&(e.endDate?e.endDate instanceof Date?e.endDate=this._local_to_utc(this._zero_time(e.endDate)):e.endDate=r.parseDate(e.endDate, g, e.language, e.assumeNearbyYear):e.endDate=1/0), e.daysOfWeekDisabled=this._resolveDaysOfWeek(e.daysOfWeekDisabled||[]), e.daysOfWeekHighlighted=this._resolveDaysOfWeek(e.daysOfWeekHighlighted||[]), e.datesDisabled=e.datesDisabled||[], a.isArray(e.datesDisabled)||(e.datesDisabled=e.datesDisabled.split(",")), e.datesDisabled=a.map(e.datesDisabled, function(a) {
+                        return r.parseDate(a, g, e.language, e.assumeNearbyYear)
+                    }
+
+                ); var h=String(e.orientation).toLowerCase().split(/\s+/g), i=e.orientation.toLowerCase(); if(h=a.grep(h, function(a) {
+                            return/^auto|left|right|top|bottom$/.test(a)
+                        }
+
+                    ), e.orientation= {
+                        x:"auto", y:"auto"
+                    }
+
+                    , i&&"auto" !==i)if(1===h.length)switch(h[0]) {
+                    case"top":case"bottom":e.orientation.y=h[0]; break; case"left":case"right":e.orientation.x=h[0]
+                }
+
+                else i=a.grep(h, function(a) {
+                        return/^left|right$/.test(a)
+                    }
+
+                ), e.orientation.x=i[0]||"auto", i=a.grep(h, function(a) {
+                        return/^top|bottom$/.test(a)
+                    }
+
+                ), e.orientation.y=i[0]||"auto"; else; if(e.defaultViewDate instanceof Date||"string"==typeof e.defaultViewDate)e.defaultViewDate=r.parseDate(e.defaultViewDate, g, e.language, e.assumeNearbyYear); else if(e.defaultViewDate) {
+                    var j=e.defaultViewDate.year||(new Date).getFullYear(), k=e.defaultViewDate.month||0, l=e.defaultViewDate.day||1; e.defaultViewDate=c(j, k, l)
+                }
+
+                else e.defaultViewDate=d()
+            }
+
+            , _events:[], _secondaryEvents:[], _applyEvents:function(a) {
+                for(var c, d, e, f=0; f<a.length; f++)c=a[f][0], 2===a[f].length?(d=b, e=a[f][1]):3===a[f].length&&(d=a[f][1], e=a[f][2]), c.on(e, d)
+            }
+
+            , _unapplyEvents:function(a) {
+                for(var c, d, e, f=0; f<a.length; f++)c=a[f][0], 2===a[f].length?(e=b, d=a[f][1]):3===a[f].length&&(e=a[f][1], d=a[f][2]), c.off(d, e)
+            }
+
+            , _buildEvents:function() {
+                var b= {
+                    keyup:a.proxy(function(b) {
+                            a.inArray(b.keyCode, [27, 37, 39, 38, 40, 32, 13, 9])===-1&&this.update()
+                        }
+
+                        , this), keydown:a.proxy(this.keydown, this), paste:a.proxy(this.paste, this)
+                }
+
+                ; this.o.showOnFocus=== !0&&(b.focus=a.proxy(this.show, this)), this.isInput?this._events=[[this.element, b]]:this.component&&this.inputField.length?this._events=[[this.inputField, b], [this.component, {
+                    click:a.proxy(this.show, this)
+                }
+
+                ]]:this._events=[[this.element, {
+                    click:a.proxy(this.show, this), keydown:a.proxy(this.keydown, this)
+                }
+
+                ]], this._events.push([this.element, "*", {
+                        blur:a.proxy(function(a) {
+                                this._focused_from=a.target
+                            }
+
+                            , this)
+                    }
+
+                    ], [this.element, {
+                        blur:a.proxy(function(a) {
+                                this._focused_from=a.target
+                            }
+
+                            , this)
+                    }
+
+                    ]), this.o.immediateUpdates&&this._events.push([this.element, {
+                        "changeYear changeMonth":a.proxy(function(a) {
+                                this.update(a.date)
+                            }
+
+                            , this)
+                    }
+
+                    ]), this._secondaryEvents=[[this.picker, {
+                    click:a.proxy(this.click, this)
+                }
+
+                ], [this.picker, ".prev, .next", {
+                    click:a.proxy(this.navArrowsClick, this)
+                }
+
+                ], [this.picker, ".day:not(.disabled)", {
+                    click:a.proxy(this.dayCellClick, this)
+                }
+
+                ], [a(window), {
+                    resize:a.proxy(this.place, this)
+                }
+
+                ], [a(document), {
+                    "mousedown touchstart":a.proxy(function(a) {
+                            this.element.is(a.target)||this.element.find(a.target).length||this.picker.is(a.target)||this.picker.find(a.target).length||this.isInline||this.hide()
+                        }
+
+                        , this)
+                }
+
+                ]]
+            }
+
+            , _attachEvents:function() {
+                this._detachEvents(), this._applyEvents(this._events)
+            }
+
+            , _detachEvents:function() {
+                this._unapplyEvents(this._events)
+            }
+
+            , _attachSecondaryEvents:function() {
+                this._detachSecondaryEvents(), this._applyEvents(this._secondaryEvents)
+            }
+
+            , _detachSecondaryEvents:function() {
+                this._unapplyEvents(this._secondaryEvents)
+            }
+
+            , _trigger:function(b, c) {
+                var d=c||this.dates.get(-1), e=this._utc_to_local(d); this.element.trigger( {
+                        type:b, date:e, viewMode:this.viewMode, dates:a.map(this.dates, this._utc_to_local), format:a.proxy(function(a, b) {
+                                0===arguments.length?(a=this.dates.length-1, b=this.o.format):"string"==typeof a&&(b=a, a=this.dates.length-1), b=b||this.o.format; var c=this.dates.get(a); return r.formatDate(c, b, this.o.language)
+                            }
+
+                            , this)
+                    }
+
+                )
+            }
+
+            , show:function() {
+                if( !(this.inputField.prop("disabled")||this.inputField.prop("readonly")&&this.o.enableOnReadonly=== !1))return this.isInline||this.picker.appendTo(this.o.container), this.place(), this.picker.show(), this._attachSecondaryEvents(), this._trigger("show"), (window.navigator.msMaxTouchPoints||"ontouchstart"in document)&&this.o.disableTouchKeyboard&&a(this.element).blur(), this
+            }
+
+            , hide:function() {
+                return this.isInline|| !this.picker.is(":visible")?this:(this.focusDate=null, this.picker.hide().detach(), this._detachSecondaryEvents(), this.setViewMode(this.o.startView), this.o.forceParse&&this.inputField.val()&&this.setValue(), this._trigger("hide"), this)
+            }
+
+            , destroy:function() {
+                return this.hide(), this._detachEvents(), this._detachSecondaryEvents(), this.picker.remove(), delete this.element.data().datepicker, this.isInput||delete this.element.data().date, this
+            }
+
+            , paste:function(b) {
+                var c; if(b.originalEvent.clipboardData&&b.originalEvent.clipboardData.types&&a.inArray("text/plain", b.originalEvent.clipboardData.types) !==-1)c=b.originalEvent.clipboardData.getData("text/plain"); else {
+                    if( !window.clipboardData)return; c=window.clipboardData.getData("Text")
+                }
+
+                this.setDate(c), this.update(), b.preventDefault()
+            }
+
+            , _utc_to_local:function(a) {
+                if( !a)return a; var b=new Date(a.getTime()+6e4*a.getTimezoneOffset()); return b.getTimezoneOffset() !==a.getTimezoneOffset()&&(b=new Date(a.getTime()+6e4*b.getTimezoneOffset())), b
+            }
+
+            , _local_to_utc:function(a) {
+                return a&&new Date(a.getTime()-6e4*a.getTimezoneOffset())
+            }
+
+            , _zero_time:function(a) {
+                return a&&new Date(a.getFullYear(), a.getMonth(), a.getDate())
+            }
+
+            , _zero_utc_time:function(a) {
+                return a&&c(a.getUTCFullYear(), a.getUTCMonth(), a.getUTCDate())
+            }
+
+            , getDates:function() {
+                return a.map(this.dates, this._utc_to_local)
+            }
+
+            , getUTCDates:function() {
+                return a.map(this.dates, function(a) {
+                        return new Date(a)
+                    }
+
+                )
+            }
+
+            , getDate:function() {
+                return this._utc_to_local(this.getUTCDate())
+            }
+
+            , getUTCDate:function() {
+                var a=this.dates.get(-1); return a !==b?new Date(a):null
+            }
+
+            , clearDates:function() {
+                this.inputField.val(""), this.update(), this._trigger("changeDate"), this.o.autoclose&&this.hide()
+            }
+
+            , setDates:function() {
+                var b=a.isArray(arguments[0])?arguments[0]:arguments; return this.update.apply(this, b), this._trigger("changeDate"), this.setValue(), this
+            }
+
+            , setUTCDates:function() {
+                var b=a.isArray(arguments[0])?arguments[0]:arguments; return this.setDates.apply(this, a.map(b, this._utc_to_local)), this
+            }
+
+            , setDate:f("setDates"), setUTCDate:f("setUTCDates"), remove:f("destroy", "Method `remove` is deprecated and will be removed in version 2.0. Use `destroy` instead"), setValue:function() {
+                var a=this.getFormattedDate(); return this.inputField.val(a), this
+            }
+
+            , getFormattedDate:function(c) {
+                c===b&&(c=this.o.format); var d=this.o.language; return a.map(this.dates, function(a) {
+                        return r.formatDate(a, c, d)
+                    }
+
+                ).join(this.o.multidateSeparator)
+            }
+
+            , getStartDate:function() {
+                return this.o.startDate
+            }
+
+            , setStartDate:function(a) {
+                return this._process_options( {
+                        startDate:a
+                    }
+
+                ), this.update(), this.updateNavArrows(), this
+            }
+
+            , getEndDate:function() {
+                return this.o.endDate
+            }
+
+            , setEndDate:function(a) {
+                return this._process_options( {
+                        endDate:a
+                    }
+
+                ), this.update(), this.updateNavArrows(), this
+            }
+
+            , setDaysOfWeekDisabled:function(a) {
+                return this._process_options( {
+                        daysOfWeekDisabled:a
+                    }
+
+                ), this.update(), this
+            }
+
+            , setDaysOfWeekHighlighted:function(a) {
+                return this._process_options( {
+                        daysOfWeekHighlighted:a
+                    }
+
+                ), this.update(), this
+            }
+
+            , setDatesDisabled:function(a) {
+                return this._process_options( {
+                        datesDisabled:a
+                    }
+
+                ), this.update(), this
+            }
+
+            , place:function() {
+                if(this.isInline)return this; var b=this.picker.outerWidth(), c=this.picker.outerHeight(), d=10, e=a(this.o.container), f=e.width(), g="body"===this.o.container?a(document).scrollTop():e.scrollTop(), h=e.offset(), i=[0]; this.element.parents().each(function() {
+                        var b=a(this).css("z-index"); "auto" !==b&&0 !==Number(b)&&i.push(Number(b))
+                    }
+
+                ); var j=Math.max.apply(Math, i)+this.o.zIndexOffset, k=this.component?this.component.parent().offset():this.element.offset(), l=this.component?this.component.outerHeight( !0):this.element.outerHeight( !1), m=this.component?this.component.outerWidth( !0):this.element.outerWidth( !1), n=k.left-h.left, o=k.top-h.top; "body" !==this.o.container&&(o+=g), this.picker.removeClass("datepicker-orient-top datepicker-orient-bottom datepicker-orient-right datepicker-orient-left"), "auto" !==this.o.orientation.x?(this.picker.addClass("datepicker-orient-"+this.o.orientation.x), "right"===this.o.orientation.x&&(n-=b-m)):k.left<0?(this.picker.addClass("datepicker-orient-left"), n-=k.left-d):n+b>f?(this.picker.addClass("datepicker-orient-right"), n+=m-b):this.o.rtl?this.picker.addClass("datepicker-orient-right"):this.picker.addClass("datepicker-orient-left"); var p, q=this.o.orientation.y; if("auto"===q&&(p=-g+o-c, q=p<0?"bottom":"top"), this.picker.addClass("datepicker-orient-"+q), "top"===q?o-=c+parseInt(this.picker.css("padding-top")):o+=l, this.o.rtl) {
+                    var r=f-(n+m); this.picker.css( {
+                            top:o, right:r, zIndex:j
+                        }
+
+                    )
+                }
+
+                else this.picker.css( {
+                        top:o, left:n, zIndex:j
+                    }
+
+                ); return this
+            }
+
+            , _allow_update: !0, update:function() {
+                if( !this._allow_update)return this; var b=this.dates.copy(), c=[], d= !1; return arguments.length?(a.each(arguments, a.proxy(function(a, b) {
+                                b instanceof Date&&(b=this._local_to_utc(b)), c.push(b)
+                            }
+
+                            , this)), d= !0):(c=this.isInput?this.element.val():this.element.data("date")||this.inputField.val(), c=c&&this.o.multidate?c.split(this.o.multidateSeparator):[c], delete this.element.data().date), c=a.map(c, a.proxy(function(a) {
+                            return r.parseDate(a, this.o.format, this.o.language, this.o.assumeNearbyYear)
+                        }
+
+                        , this)), c=a.grep(c, a.proxy(function(a) {
+                            return !this.dateWithinRange(a)|| !a
+                        }
+
+                        , this),  !0), this.dates.replace(c), this.o.updateViewDate&&(this.dates.length?this.viewDate=new Date(this.dates.get(-1)):this.viewDate<this.o.startDate?this.viewDate=new Date(this.o.startDate):this.viewDate>this.o.endDate?this.viewDate=new Date(this.o.endDate):this.viewDate=this.o.defaultViewDate), d?(this.setValue(), this.element.change()):this.dates.length&&String(b) !==String(this.dates)&&d&&(this._trigger("changeDate"), this.element.change()),  !this.dates.length&&b.length&&(this._trigger("clearDate"), this.element.change()), this.fill(), this
+            }
+
+            , fillDow:function() {
+                if(this.o.showWeekDays) {
+                    var b=this.o.weekStart, c="<tr>"; for(this.o.calendarWeeks&&(c+='<th class="cw">&#160;</th>'); b<this.o.weekStart+7; )c+='<th class="dow', a.inArray(b, this.o.daysOfWeekDisabled) !==-1&&(c+=" disabled"), c+='">'+q[this.o.language].daysMin[b++%7]+"</th>"; c+="</tr>", this.picker.find(".datepicker-days thead").append(c)
+                }
+            }
+
+            , fillMonths:function() {
+                for(var a, b=this._utc_to_local(this.viewDate), c="", d=0; d<12; d++)a=b&&b.getMonth()===d?" focused":"", c+='<span class="month'+a+'">'+q[this.o.language].monthsShort[d]+"</span>"; this.picker.find(".datepicker-months td").html(c)
+            }
+
+            , setRange:function(b) {
+                b&&b.length?this.range=a.map(b, function(a) {
+                        return a.valueOf()
+                    }
+
+                ):delete this.range, this.fill()
+            }
+
+            , getClassNames:function(b) {
+                var c=[], f=this.viewDate.getUTCFullYear(), g=this.viewDate.getUTCMonth(), h=d(); return b.getUTCFullYear()<f||b.getUTCFullYear()===f&&b.getUTCMonth()<g?c.push("old"):(b.getUTCFullYear()>f||b.getUTCFullYear()===f&&b.getUTCMonth()>g)&&c.push("new"), this.focusDate&&b.valueOf()===this.focusDate.valueOf()&&c.push("focused"), this.o.todayHighlight&&e(b, h)&&c.push("today"), this.dates.contains(b) !==-1&&c.push("active"), this.dateWithinRange(b)||c.push("disabled"), this.dateIsDisabled(b)&&c.push("disabled", "disabled-date"), a.inArray(b.getUTCDay(), this.o.daysOfWeekHighlighted) !==-1&&c.push("highlighted"), this.range&&(b>this.range[0]&&b<this.range[this.range.length-1]&&c.push("range"), a.inArray(b.valueOf(), this.range) !==-1&&c.push("selected"), b.valueOf()===this.range[0]&&c.push("range-start"), b.valueOf()===this.range[this.range.length-1]&&c.push("range-end")), c
+            }
+
+            , _fill_yearsView:function(c, d, e, f, g, h, i) {
+                for(var j, k, l, m="", n=e/10, o=this.picker.find(c), p=Math.floor(f/e)*e, q=p+9*n, r=Math.floor(this.viewDate.getFullYear()/n)*n, s=a.map(this.dates, function(a) {
+                            return Math.floor(a.getUTCFullYear()/n)*n
+                        }
+
+                    ), t=p-n; t<=q+n; t+=n)j=[d], k=null, t===p-n?j.push("old"):t===q+n&&j.push("new"), a.inArray(t, s) !==-1&&j.push("active"), (t<g||t>h)&&j.push("disabled"), t===r&&j.push("focused"), i !==a.noop&&(l=i(new Date(t, 0, 1)), l===b?l= {}
+
+                    :"boolean"==typeof l?l= {
+                        enabled:l
+                    }
+
+                    :"string"==typeof l&&(l= {
+                            classes:l
+                        }
+
+                    ), l.enabled=== !1&&j.push("disabled"), l.classes&&(j=j.concat(l.classes.split(/\s+/))), l.tooltip&&(k=l.tooltip)), m+='<span class="'+j.join(" ")+'"'+(k?' title="'+k+'"':"")+">"+t+"</span>"; o.find(".datepicker-switch").text(p+"-"+q), o.find("td").html(m)
+            }
+
+            , fill:function() {
+                var d, e, f=new Date(this.viewDate), g=f.getUTCFullYear(), h=f.getUTCMonth(), i=this.o.startDate !==-(1/0)?this.o.startDate.getUTCFullYear():-(1/0), j=this.o.startDate !==-(1/0)?this.o.startDate.getUTCMonth():-(1/0), k=this.o.endDate !==1/0?this.o.endDate.getUTCFullYear():1/0, l=this.o.endDate !==1/0?this.o.endDate.getUTCMonth():1/0, m=q[this.o.language].today||q.en.today||"", n=q[this.o.language].clear||q.en.clear||"", o=q[this.o.language].titleFormat||q.en.titleFormat; if( !isNaN(g)&& !isNaN(h)) {
+                    this.picker.find(".datepicker-days .datepicker-switch").text(r.formatDate(f, o, this.o.language)), this.picker.find("tfoot .today").text(m).css("display", this.o.todayBtn=== !0||"linked"===this.o.todayBtn?"table-cell":"none"), this.picker.find("tfoot .clear").text(n).css("display", this.o.clearBtn=== !0?"table-cell":"none"), this.picker.find("thead .datepicker-title").text(this.o.title).css("display", "string"==typeof this.o.title&&"" !==this.o.title?"table-cell":"none"), this.updateNavArrows(), this.fillMonths(); var p=c(g, h, 0), s=p.getUTCDate(); p.setUTCDate(s-(p.getUTCDay()-this.o.weekStart+7)%7); var t=new Date(p); p.getUTCFullYear()<100&&t.setUTCFullYear(p.getUTCFullYear()), t.setUTCDate(t.getUTCDate()+42), t=t.valueOf(); for(var u, v, w=[]; p.valueOf()<t; ) {
+                        if(u=p.getUTCDay(), u===this.o.weekStart&&(w.push("<tr>"), this.o.calendarWeeks)) {
+                            var x=new Date(+p+(this.o.weekStart-u-7)%7*864e5), y=new Date(Number(x)+(11-x.getUTCDay())%7*864e5), z=new Date(Number(z=c(y.getUTCFullYear(), 0, 1))+(11-z.getUTCDay())%7*864e5), A=(y-z)/864e5/7+1; w.push('<td class="cw">'+A+"</td>")
+                        }
+
+                        v=this.getClassNames(p), v.push("day"); var B=p.getUTCDate(); this.o.beforeShowDay !==a.noop&&(e=this.o.beforeShowDay(this._utc_to_local(p)), e===b?e= {}
+
+                            :"boolean"==typeof e?e= {
+                                enabled:e
+                            }
+
+                            :"string"==typeof e&&(e= {
+                                    classes:e
+                                }
+
+                            ), e.enabled=== !1&&v.push("disabled"), e.classes&&(v=v.concat(e.classes.split(/\s+/))), e.tooltip&&(d=e.tooltip), e.content&&(B=e.content)), v=a.isFunction(a.uniqueSort)?a.uniqueSort(v):a.unique(v), w.push('<td class="'+v.join(" ")+'"'+(d?' title="'+d+'"':"")+' data-date="'+p.getTime().toString()+'">'+B+"</td>"), d=null, u===this.o.weekEnd&&w.push("</tr>"), p.setUTCDate(p.getUTCDate()+1)
+                    }
+
+                    this.picker.find(".datepicker-days tbody").html(w.join("")); var C=q[this.o.language].monthsTitle||q.en.monthsTitle||"Months", D=this.picker.find(".datepicker-months").find(".datepicker-switch").text(this.o.maxViewMode<2?C:g).end().find("tbody span").removeClass("active"); if(a.each(this.dates, function(a, b) {
+                                b.getUTCFullYear()===g&&D.eq(b.getUTCMonth()).addClass("active")
+                            }
+
+                        ), (g<i||g>k)&&D.addClass("disabled"), g===i&&D.slice(0, j).addClass("disabled"), g===k&&D.slice(l+1).addClass("disabled"), this.o.beforeShowMonth !==a.noop) {
+                        var E=this; a.each(D, function(c, d) {
+                                var e=new Date(g, c, 1), f=E.o.beforeShowMonth(e); f===b?f= {}
+
+                                :"boolean"==typeof f?f= {
+                                    enabled:f
+                                }
+
+                                :"string"==typeof f&&(f= {
+                                        classes:f
+                                    }
+
+                                ), f.enabled !== !1||a(d).hasClass("disabled")||a(d).addClass("disabled"), f.classes&&a(d).addClass(f.classes), f.tooltip&&a(d).prop("title", f.tooltip)
+                            }
+
+                        )
+                    }
+
+                    this._fill_yearsView(".datepicker-years", "year", 10, g, i, k, this.o.beforeShowYear), this._fill_yearsView(".datepicker-decades", "decade", 100, g, i, k, this.o.beforeShowDecade), this._fill_yearsView(".datepicker-centuries", "century", 1e3, g, i, k, this.o.beforeShowCentury)
+                }
+            }
+
+            , updateNavArrows:function() {
+                if(this._allow_update) {
+                    var a, b, c=new Date(this.viewDate), d=c.getUTCFullYear(), e=c.getUTCMonth(), f=this.o.startDate !==-(1/0)?this.o.startDate.getUTCFullYear():-(1/0), g=this.o.startDate !==-(1/0)?this.o.startDate.getUTCMonth():-(1/0), h=this.o.endDate !==1/0?this.o.endDate.getUTCFullYear():1/0, i=this.o.endDate !==1/0?this.o.endDate.getUTCMonth():1/0, j=1; switch(this.viewMode) {
+                        case 0:a=d<=f&&e<=g, b=d>=h&&e>=i; break; case 4:j*=10; case 3:j*=10; case 2:j*=10; case 1:a=Math.floor(d/j)*j<=f, b=Math.floor(d/j)*j+j>=h
+                    }
+
+                    this.picker.find(".prev").toggleClass("disabled", a), this.picker.find(".next").toggleClass("disabled", b)
+                }
+            }
+
+            , click:function(b) {
+                b.preventDefault(), b.stopPropagation(); var e, f, g, h; e=a(b.target), e.hasClass("datepicker-switch")&&this.viewMode !==this.o.maxViewMode&&this.setViewMode(this.viewMode+1), e.hasClass("today")&& !e.hasClass("day")&&(this.setViewMode(0), this._setDate(d(), "linked"===this.o.todayBtn?null:"view")), e.hasClass("clear")&&this.clearDates(), e.hasClass("disabled")||(e.hasClass("month")||e.hasClass("year")||e.hasClass("decade")||e.hasClass("century"))&&(this.viewDate.setUTCDate(1), f=1, 1===this.viewMode?(h=e.parent().find("span").index(e), g=this.viewDate.getUTCFullYear(), this.viewDate.setUTCMonth(h)):(h=0, g=Number(e.text()), this.viewDate.setUTCFullYear(g)), this._trigger(r.viewModes[this.viewMode-1].e, this.viewDate), this.viewMode===this.o.minViewMode?this._setDate(c(g, h, f)):(this.setViewMode(this.viewMode-1), this.fill())), this.picker.is(":visible")&&this._focused_from&&this._focused_from.focus(), delete this._focused_from
+            }
+
+            , dayCellClick:function(b) {
+                var c=a(b.currentTarget), d=c.data("date"), e=new Date(d); this.o.updateViewDate&&(e.getUTCFullYear() !==this.viewDate.getUTCFullYear()&&this._trigger("changeYear", this.viewDate), e.getUTCMonth() !==this.viewDate.getUTCMonth()&&this._trigger("changeMonth", this.viewDate)), this._setDate(e)
+            }
+
+            , navArrowsClick:function(b) {
+                var c=a(b.currentTarget), d=c.hasClass("prev")?-1:1; 0 !==this.viewMode&&(d*=12*r.viewModes[this.viewMode].navStep), this.viewDate=this.moveMonth(this.viewDate, d), this._trigger(r.viewModes[this.viewMode].e, this.viewDate), this.fill()
+            }
+
+            , _toggle_multidate:function(a) {
+                var b=this.dates.contains(a); if(a||this.dates.clear(), b !==-1?(this.o.multidate=== !0||this.o.multidate>1||this.o.toggleActive)&&this.dates.remove(b):this.o.multidate=== !1?(this.dates.clear(), this.dates.push(a)):this.dates.push(a), "number"==typeof this.o.multidate)for(; this.dates.length>this.o.multidate; )this.dates.remove(0)
+            }
+
+            , _setDate:function(a, b) {
+                b&&"date" !==b||this._toggle_multidate(a&&new Date(a)), ( !b&&this.o.updateViewDate||"view"===b)&&(this.viewDate=a&&new Date(a)), this.fill(), this.setValue(), b&&"view"===b||this._trigger("changeDate"), this.inputField.trigger("change"),  !this.o.autoclose||b&&"date" !==b||this.hide()
+            }
+
+            , moveDay:function(a, b) {
+                var c=new Date(a); return c.setUTCDate(a.getUTCDate()+b), c
+            }
+
+            , moveWeek:function(a, b) {
+                return this.moveDay(a, 7*b)
+            }
+
+            , moveMonth:function(a, b) {
+                if( !g(a))return this.o.defaultViewDate; if( !b)return a; var c, d, e=new Date(a.valueOf()), f=e.getUTCDate(), h=e.getUTCMonth(), i=Math.abs(b); if(b=b>0?1:-1, 1===i)d=b===-1?function() {
+                    return e.getUTCMonth()===h
+                }
+
+                :function() {
+                    return e.getUTCMonth() !==c
+                }
+
+                , c=h+b, e.setUTCMonth(c), c=(c+12)%12; else {
+                    for(var j=0; j<i; j++)e=this.moveMonth(e, b); c=e.getUTCMonth(), e.setUTCDate(f), d=function() {
+                        return c !==e.getUTCMonth()
+                    }
+                }
+
+                for(; d(); )e.setUTCDate(--f), e.setUTCMonth(c); return e
+            }
+
+            , moveYear:function(a, b) {
+                return this.moveMonth(a, 12*b)
+            }
+
+            , moveAvailableDate:function(a, b, c) {
+                do {
+                    if(a=this[c](a, b),  !this.dateWithinRange(a))return !1; c="moveDay"
+                }
+
+                while(this.dateIsDisabled(a)); return a
+            }
+
+            , weekOfDateIsDisabled:function(b) {
+                return a.inArray(b.getUTCDay(), this.o.daysOfWeekDisabled) !==-1
+            }
+
+            , dateIsDisabled:function(b) {
+                return this.weekOfDateIsDisabled(b)||a.grep(this.o.datesDisabled, function(a) {
+                        return e(b, a)
+                    }
+
+                ).length>0
+            }
+
+            , dateWithinRange:function(a) {
+                return a>=this.o.startDate&&a<=this.o.endDate
+            }
+
+            , keydown:function(a) {
+                if( !this.picker.is(":visible"))return void(40 !==a.keyCode&&27 !==a.keyCode||(this.show(), a.stopPropagation())); var b, c, d= !1, e=this.focusDate||this.viewDate; switch(a.keyCode) {
+                    case 27:this.focusDate?(this.focusDate=null, this.viewDate=this.dates.get(-1)||this.viewDate, this.fill()):this.hide(), a.preventDefault(), a.stopPropagation(); break; case 37:case 38:case 39:case 40:if( !this.o.keyboardNavigation||7===this.o.daysOfWeekDisabled.length)break; b=37===a.keyCode||38===a.keyCode?-1:1, 0===this.viewMode?a.ctrlKey?(c=this.moveAvailableDate(e, b, "moveYear"), c&&this._trigger("changeYear", this.viewDate)):a.shiftKey?(c=this.moveAvailableDate(e, b, "moveMonth"), c&&this._trigger("changeMonth", this.viewDate)):37===a.keyCode||39===a.keyCode?c=this.moveAvailableDate(e, b, "moveDay"):this.weekOfDateIsDisabled(e)||(c=this.moveAvailableDate(e, b, "moveWeek")):1===this.viewMode?(38 !==a.keyCode&&40 !==a.keyCode||(b*=4), c=this.moveAvailableDate(e, b, "moveMonth")):2===this.viewMode&&(38 !==a.keyCode&&40 !==a.keyCode||(b*=4), c=this.moveAvailableDate(e, b, "moveYear")), c&&(this.focusDate=this.viewDate=c, this.setValue(), this.fill(), a.preventDefault()); break; case 13:if( !this.o.forceParse)break; e=this.focusDate||this.dates.get(-1)||this.viewDate, this.o.keyboardNavigation&&(this._toggle_multidate(e), d= !0), this.focusDate=null, this.viewDate=this.dates.get(-1)||this.viewDate, this.setValue(), this.fill(), this.picker.is(":visible")&&(a.preventDefault(), a.stopPropagation(), this.o.autoclose&&this.hide()); break; case 9:this.focusDate=null, this.viewDate=this.dates.get(-1)||this.viewDate, this.fill(), this.hide()
+                }
+
+                d&&(this.dates.length?this._trigger("changeDate"):this._trigger("clearDate"), this.inputField.trigger("change"))
+            }
+
+            , setViewMode:function(a) {
+                this.viewMode=a, this.picker.children("div").hide().filter(".datepicker-"+r.viewModes[this.viewMode].clsName).show(), this.updateNavArrows(), this._trigger("changeViewMode", new Date(this.viewDate))
+            }
+        }
+
+        ; var l=function(b, c) {
+            a.data(b, "datepicker", this), this.element=a(b), this.inputs=a.map(c.inputs, function(a) {
+                    return a.jquery?a[0]:a
+                }
+
+            ), delete c.inputs, this.keepEmptyValues=c.keepEmptyValues, delete c.keepEmptyValues, n.call(a(this.inputs), c).on("changeDate", a.proxy(this.dateUpdated, this)), this.pickers=a.map(this.inputs, function(b) {
+                    return a.data(b, "datepicker")
+                }
+
+            ), this.updateDates()
+        }
+
+        ; l.prototype= {
+            updateDates:function() {
+                this.dates=a.map(this.pickers, function(a) {
+                        return a.getUTCDate()
+                    }
+
+                ), this.updateRanges()
+            }
+
+            , updateRanges:function() {
+                var b=a.map(this.dates, function(a) {
+                        return a.valueOf()
+                    }
+
+                ); a.each(this.pickers, function(a, c) {
+                        c.setRange(b)
+                    }
+
+                )
+            }
+
+            , dateUpdated:function(c) {
+                if( !this.updating) {
+                    this.updating= !0; var d=a.data(c.target, "datepicker"); if(d !==b) {
+                        var e=d.getUTCDate(), f=this.keepEmptyValues, g=a.inArray(c.target, this.inputs), h=g-1, i=g+1, j=this.inputs.length; if(g !==-1) {
+                            if(a.each(this.pickers, function(a, b) {
+                                        b.getUTCDate()||b !==d&&f||b.setUTCDate(e)
+                                    }
+
+                                ), e<this.dates[h])for(; h>=0&&e<this.dates[h]; )this.pickers[h--].setUTCDate(e); else if(e>this.dates[i])for(; i<j&&e>this.dates[i]; )this.pickers[i++].setUTCDate(e); this.updateDates(), delete this.updating
+                        }
+                    }
+                }
+            }
+
+            , destroy:function() {
+                a.map(this.pickers, function(a) {
+                        a.destroy()
+                    }
+
+                ), a(this.inputs).off("changeDate", this.dateUpdated), delete this.element.data().datepicker
+            }
+
+            , remove:f("destroy", "Method `remove` is deprecated and will be removed in version 2.0. Use `destroy` instead")
+        }
+
+        ; var m=a.fn.datepicker, n=function(c) {
+            var d=Array.apply(null, arguments); d.shift(); var e; if(this.each(function() {
+                        var b=a(this), f=b.data("datepicker"), g="object"==typeof c&&c; if( !f) {
+                            var j=h(this, "date"), m=a.extend( {}
+
+                                , o, j, g), n=i(m.language), p=a.extend( {}
+
+                                , o, n, j, g); b.hasClass("input-daterange")||p.inputs?(a.extend(p, {
+                                        inputs:p.inputs||b.find("input").toArray()
+                                    }
+
+                                ), f=new l(this, p)):f=new k(this, p), b.data("datepicker", f)
+                        }
+
+                        "string"==typeof c&&"function"==typeof f[c]&&(e=f[c].apply(f, d))
+                    }
+
+                ), e===b||e instanceof k||e instanceof l)return this; if(this.length>1)throw new Error("Using only allowed for the collection of a single element ("+c+" function)"); return e
+        }
+
+        ; a.fn.datepicker=n; var o=a.fn.datepicker.defaults= {
+            assumeNearbyYear: !1, autoclose: !1, beforeShowDay:a.noop, beforeShowMonth:a.noop, beforeShowYear:a.noop, beforeShowDecade:a.noop, beforeShowCentury:a.noop, calendarWeeks: !1, clearBtn: !1, toggleActive: !1, daysOfWeekDisabled:[], daysOfWeekHighlighted:[], datesDisabled:[], endDate:1/0, forceParse: !0, format:"mm/dd/yyyy", keepEmptyValues: !1, keyboardNavigation: !0, language:"en", minViewMode:0, maxViewMode:4, multidate: !1, multidateSeparator:",", orientation:"auto", rtl: !1, startDate:-(1/0), startView:0, todayBtn: !1, todayHighlight: !1, updateViewDate: !0, weekStart:0, disableTouchKeyboard: !1, enableOnReadonly: !0, showOnFocus: !0, zIndexOffset:10, container:"body", immediateUpdates: !1, title:"", templates: {
+                leftArrow:"&#x00AB;", rightArrow:"&#x00BB;"
+            }
+
+            , showWeekDays: !0
+        }
+
+        , p=a.fn.datepicker.locale_opts=["format", "rtl", "weekStart"]; a.fn.datepicker.Constructor=k; var q=a.fn.datepicker.dates= {
+            en: {
+                days:["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], daysShort:["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], daysMin:["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], months:["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], monthsShort:["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], today:"Today", clear:"Clear", titleFormat:"MM yyyy"
+            }
+        }
+
+        , r= {
+            viewModes:[ {
+                names:["days", "month"], clsName:"days", e:"changeMonth"
+            }
+
+            , {
+                names:["months", "year"], clsName:"months", e:"changeYear", navStep:1
+            }
+
+            , {
+                names:["years", "decade"], clsName:"years", e:"changeDecade", navStep:10
+            }
+
+            , {
+                names:["decades", "century"], clsName:"decades", e:"changeCentury", navStep:100
+            }
+
+            , {
+                names:["centuries", "millennium"], clsName:"centuries", e:"changeMillennium", navStep:1e3
+            }
+
+            ], validParts:/dd?|DD?|mm?|MM?|yy(?:yy)?/g, nonpunctuation:/[^ -\/:-@\u5e74\u6708\u65e5\[-` {
+                -~\t\n\r]+/g, parseFormat:function(a) {
+                    if("function"==typeof a.toValue&&"function"==typeof a.toDisplay)return a; var b=a.replace(this.validParts, "\0").split("\0"), c=a.match(this.validParts); if( !b|| !b.length|| !c||0===c.length)throw new Error("Invalid date format."); return {
+                        separators:b, parts:c
+                    }
+                }
+
+                , parseDate:function(c, e, f, g) {
+                    function h(a, b) {
+                        return b=== !0&&(b=10), a<100&&(a+=2e3, a>(new Date).getFullYear()+b&&(a-=100)), a
+                    }
+
+                    function i() {
+                        var a=this.slice(0, j[n].length), b=j[n].slice(0, a.length); return a.toLowerCase()===b.toLowerCase()
+                    }
+
+                    if( !c)return b; if(c instanceof Date)return c; if("string"==typeof e&&(e=r.parseFormat(e)), e.toValue)return e.toValue(c, e, f); var j, l, m, n, o, p= {
+                        d:"moveDay", m:"moveMonth", w:"moveWeek", y:"moveYear"
+                    }
+
+                    , s= {
+                        yesterday:"-1d", today:"+0d", tomorrow:"+1d"
+                    }
+
+                    ; if(c in s&&(c=s[c]), /^[\-+]\d+[dmwy]([\s, ]+[\-+]\d+[dmwy])*$/i.test(c)) {
+                        for(j=c.match(/([\-+]\d+)([dmwy])/gi), c=new Date, n=0; n<j.length; n++)l=j[n].match(/([\-+]\d+)([dmwy])/i), m=Number(l[1]), o=p[l[2].toLowerCase()], c=k.prototype[o](c, m); return k.prototype._zero_utc_time(c)
+                    }
+
+                    j=c&&c.match(this.nonpunctuation)||[]; var t, u, v= {}
+
+                    , w=["yyyy", "yy", "M", "MM", "m", "mm", "d", "dd"], x= {
+                        yyyy:function(a, b) {
+                            return a.setUTCFullYear(g?h(b, g):b)
+                        }
+
+                        , m:function(a, b) {
+                            if(isNaN(a))return a; for(b-=1; b<0; )b+=12; for(b%=12, a.setUTCMonth(b); a.getUTCMonth() !==b; )a.setUTCDate(a.getUTCDate()-1); return a
+                        }
+
+                        , d:function(a, b) {
+                            return a.setUTCDate(b)
+                        }
+                    }
+
+                    ; x.yy=x.yyyy, x.M=x.MM=x.mm=x.m, x.dd=x.d, c=d(); var y=e.parts.slice(); if(j.length !==y.length&&(y=a(y).filter(function(b, c) {
+                                    return a.inArray(c, w) !==-1
+                                }
+
+                            ).toArray()), j.length===y.length) {
+                        var z; for(n=0, z=y.length; n<z; n++) {
+                            if(t=parseInt(j[n], 10), l=y[n], isNaN(t))switch(l) {
+                                case"MM":u=a(q[f].months).filter(i), t=a.inArray(u[0], q[f].months)+1; break; case"M":u=a(q[f].monthsShort).filter(i), t=a.inArray(u[0], q[f].monthsShort)+1
+                            }
+
+                            v[l]=t
+                        }
+
+                        var A, B; for(n=0; n<w.length; n++)B=w[n], B in v&& !isNaN(v[B])&&(A=new Date(c), x[B](A, v[B]), isNaN(A)||(c=A))
+                    }
+
+                    return c
+                }
+
+                , formatDate:function(b, c, d) {
+                    if( !b)return""; if("string"==typeof c&&(c=r.parseFormat(c)), c.toDisplay)return c.toDisplay(b, c, d); var e= {
+                        d:b.getUTCDate(), D:q[d].daysShort[b.getUTCDay()], DD:q[d].days[b.getUTCDay()], m:b.getUTCMonth()+1, M:q[d].monthsShort[b.getUTCMonth()], MM:q[d].months[b.getUTCMonth()], yy:b.getUTCFullYear().toString().substring(2), yyyy:b.getUTCFullYear()
+                    }
+
+                    ; e.dd=(e.d<10?"0":"")+e.d, e.mm=(e.m<10?"0":"")+e.m, b=[]; for(var f=a.extend([], c.separators), g=0, h=c.parts.length; g<=h; g++)f.length&&b.push(f.shift()), b.push(e[c.parts[g]]); return b.join("")
+                }
+
+                , headTemplate:'<thead><tr><th colspan="7" class="datepicker-title"></th></tr><tr><th class="prev">'+o.templates.leftArrow+'</th><th colspan="5" class="datepicker-switch"></th><th class="next">'+o.templates.rightArrow+"</th></tr></thead>",
+                contTemplate:'<tbody><tr><td colspan="7"></td></tr></tbody>', footTemplate:'<tfoot><tr><th colspan="7" class="today"></th></tr><tr><th colspan="7" class="clear"></th></tr></tfoot>'
+            }
+
+            ; r.template='<div class="datepicker"><div class="datepicker-days"><table class="table-condensed">'+r.headTemplate+"<tbody></tbody>"+r.footTemplate+'</table></div><div class="datepicker-months"><table class="table-condensed">'+r.headTemplate+r.contTemplate+r.footTemplate+'</table></div><div class="datepicker-years"><table class="table-condensed">'+r.headTemplate+r.contTemplate+r.footTemplate+'</table></div><div class="datepicker-decades"><table class="table-condensed">'+r.headTemplate+r.contTemplate+r.footTemplate+'</table></div><div class="datepicker-centuries"><table class="table-condensed">'+r.headTemplate+r.contTemplate+r.footTemplate+"</table></div></div>", a.fn.datepicker.DPGlobal=r, a.fn.datepicker.noConflict=function() {
+                return a.fn.datepicker=m, this
+            }
+
+            , a.fn.datepicker.version="1.7.1", a.fn.datepicker.deprecated=function(a) {
+                var b=window.console; b&&b.warn&&b.warn("DEPRECATED: "+a)
+            }
+
+            , a(document).on("focus.datepicker.data-api click.datepicker.data-api", '[data-provide="datepicker"]', function(b) {
+                    var c=a(this); c.data("datepicker")||(b.preventDefault(), n.call(c, "show"))
+                }
+
+            ), a(function() {
+                    n.call(a('[data-provide="datepicker-inline"]'))
+                }
+
+            )
+        }
+
+    );
--- a/multiple_datepicker_widget/static/src/xml/datepicker_widget.xml
+++ b/multiple_datepicker_widget/static/src/xml/datepicker_widget.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates>
+    <t t-name="FieldDateMultipleDate">
+        <t t-if="widget.mode !== 'readonly'">
+            <input type="text" class="input_datepicker"/>
+        </t>
+        <span t-if="widget.mode === 'readonly'"/>
+    </t>
+</templates>
--- a/multiple_datepicker_widget/view/assets.xml
+++ b/multiple_datepicker_widget/view/assets.xml
@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="assets_backend" inherit_id="web.assets_backend">
+        <xpath expr="." position="inside">
+            <script type="text/javascript" src="/multiple_datepicker_widget/static/src/js/lib/bootstrap-datepicker.min.js"/>
+            <link rel="stylesheet" type="text/css" href="/multiple_datepicker_widget/static/src/css/datepicker_widget.css"/>
+            <script type="text/javascript" src="/multiple_datepicker_widget/static/src/js/datepicker_widget.js"/>
+        </xpath>
+    </template>
+</odoo>