daterange-picker

README.md

@@ -1,78 +0,0 @@
-<p align="center"><img src="https://res.cloudinary.com/dtfbvvkyp/image/upload/v1566331377/laravel-logolockup-cmyk-red.svg" width="400"></p>
-
-<p align="center">
-<a href="https://travis-ci.org/laravel/framework"><img src="https://travis-ci.org/laravel/framework.svg" alt="Build Status"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/d/total.svg" alt="Total Downloads"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/v/stable.svg" alt="Latest Stable Version"></a>
-<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/license.svg" alt="License"></a>
-</p>
-
-## About Laravel
-
-Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many web projects, such as:
-
-- [Simple, fast routing engine](https://laravel.com/docs/routing).
-- [Powerful dependency injection container](https://laravel.com/docs/container).
-- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
-- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
-- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
-- [Robust background job processing](https://laravel.com/docs/queues).
-- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
-
-Laravel is accessible, powerful, and provides tools required for large, robust applications.
-
-## Learning Laravel
-
-Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
-
-If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 1500 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
-
-## Laravel Sponsors
-
-We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel [Patreon page](https://patreon.com/taylorotwell).
-
-- **[Vehikl](https://vehikl.com/)**
-- **[Tighten Co.](https://tighten.co)**
-- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
-- **[64 Robots](https://64robots.com)**
-- **[Cubet Techno Labs](https://cubettech.com)**
-- **[Cyber-Duck](https://cyber-duck.co.uk)**
-- **[British Software Development](https://www.britishsoftware.co)**
-- **[Webdock, Fast VPS Hosting](https://www.webdock.io/en)**
-- **[DevSquad](https://devsquad.com)**
-- [UserInsights](https://userinsights.com)
-- [Fragrantica](https://www.fragrantica.com)
-- [SOFTonSOFA](https://softonsofa.com/)
-- [User10](https://user10.com)
-- [Soumettre.fr](https://soumettre.fr/)
-- [CodeBrisk](https://codebrisk.com)
-- [1Forge](https://1forge.com)
-- [TECPRESSO](https://tecpresso.co.jp/)
-- [Runtime Converter](http://runtimeconverter.com/)
-- [WebL'Agence](https://weblagence.com/)
-- [Invoice Ninja](https://www.invoiceninja.com)
-- [iMi digital](https://www.imi-digital.de/)
-- [Earthlink](https://www.earthlink.ro/)
-- [Steadfast Collective](https://steadfastcollective.com/)
-- [We Are The Robots Inc.](https://watr.mx/)
-- [Understand.io](https://www.understand.io/)
-- [Abdel Elrafa](https://abdelelrafa.com)
-- [Hyper Host](https://hyper.host)
-- [Appoly](https://www.appoly.co.uk)
-- [OP.GG](https://op.gg)
-
-## Contributing
-
-Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
-
-## Code of Conduct
-
-In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
-
-## Security Vulnerabilities
-
-If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
-
-## License
-
-The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

package.json

@@ -33,6 +33,7 @@
         "vue-dygraphs": "^0.1.2",
         "vue-suggestion": "^1.1.0",
         "vue-table-dynamic": "^0.2.1",
+        "vue2-daterange-picker": "^0.4.6",
         "weekstart": "^1.0.1"
     }
 }

public/css/app.css

@@ -14435,6 +14435,624 @@ a.text-dark:focus {
   -ms-transform: rotate(-90deg);
 }
 
+td[data-v-6ca52014],
+th[data-v-6ca52014] {
+  padding: 2px;
+  background-color: #fff;
+}
+
+td.today[data-v-6ca52014] {
+  font-weight: 700;
+}
+
+td.disabled[data-v-6ca52014] {
+  pointer-events: none;
+  background-color: #eee;
+  border-radius: 0;
+  opacity: 0.6;
+}
+
+.fa[data-v-6ca52014] {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  background: transparent no-repeat 50%;
+  background-size: 100% 100%;
+  fill: #ccc;
+}
+
+.next[data-v-6ca52014]:hover,
+.prev[data-v-6ca52014]:hover {
+  background-color: transparent !important;
+}
+
+.next .fa[data-v-6ca52014]:hover,
+.prev .fa[data-v-6ca52014]:hover {
+  opacity: 0.6;
+}
+
+.chevron-left[data-v-6ca52014] {
+  width: 16px;
+  height: 16px;
+  display: block;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
+}
+
+.chevron-right[data-v-6ca52014] {
+  width: 16px;
+  height: 16px;
+  display: block;
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-2 -2 10 10'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
+}
+
+.yearselect[data-v-6ca52014] {
+  padding-right: 1px;
+  border: none;
+  -webkit-appearance: menulist;
+  -moz-appearance: menulist;
+  appearance: menulist;
+}
+
+.monthselect[data-v-6ca52014] {
+  border: none;
+}
+
+.daterangepicker.hide-calendars.show-ranges .ranges,
+.daterangepicker.hide-calendars.show-ranges .ranges ul {
+  width: 100%;
+}
+
+.daterangepicker .calendars-container {
+  display: flex;
+}
+
+.daterangepicker {
+  position: absolute;
+  color: inherit;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid #ddd;
+  width: 278px;
+  max-width: none;
+  padding: 0;
+  margin-top: 7px;
+  top: 100px;
+  left: 20px;
+  z-index: 3001;
+  display: none;
+  font-size: 15px;
+  line-height: 1em;
+}
+
+.daterangepicker:after,
+.daterangepicker:before {
+  position: absolute;
+  display: inline-block;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: "";
+}
+
+.daterangepicker:before {
+  top: -7px;
+  border-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+}
+
+.daterangepicker:after {
+  top: -6px;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+}
+
+.daterangepicker.opensleft:before {
+  right: 9px;
+}
+
+.daterangepicker.opensleft:after {
+  right: 10px;
+}
+
+.daterangepicker.openscenter:after,
+.daterangepicker.openscenter:before {
+  left: 0;
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.daterangepicker.opensright:before {
+  left: 9px;
+}
+
+.daterangepicker.opensright:after {
+  left: 10px;
+}
+
+.daterangepicker.drop-up {
+  margin-top: -7px;
+}
+
+.daterangepicker.drop-up:before {
+  top: auto;
+  bottom: -7px;
+  border-bottom: initial;
+  border-top: 7px solid #ccc;
+}
+
+.daterangepicker.drop-up:after {
+  top: auto;
+  bottom: -6px;
+  border-bottom: initial;
+  border-top: 6px solid #fff;
+}
+
+.daterangepicker.single .drp-selected {
+  display: none;
+}
+
+.daterangepicker.show-calendar .drp-buttons,
+.daterangepicker.show-calendar .drp-calendar {
+  display: block;
+}
+
+.daterangepicker.auto-apply .drp-buttons {
+  display: none;
+}
+
+.daterangepicker .drp-calendar {
+  display: none;
+  max-width: 270px;
+  width: 270px;
+}
+
+.daterangepicker .drp-calendar.left {
+  padding: 8px 0 8px 8px;
+}
+
+.daterangepicker .drp-calendar.right {
+  padding: 8px;
+}
+
+.daterangepicker .drp-calendar.single .calendar-table {
+  border: none;
+}
+
+.daterangepicker .calendar-table .next span,
+.daterangepicker .calendar-table .prev span {
+  color: #fff;
+  border: solid #000;
+  border-width: 0 2px 2px 0;
+  border-radius: 0;
+  display: inline-block;
+  padding: 3px;
+}
+
+.daterangepicker .calendar-table .next span {
+  transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+}
+
+.daterangepicker .calendar-table .prev span {
+  transform: rotate(135deg);
+  -webkit-transform: rotate(135deg);
+}
+
+.daterangepicker .calendar-table td,
+.daterangepicker .calendar-table th {
+  white-space: nowrap;
+  text-align: center;
+  vertical-align: middle;
+  min-width: 32px;
+  width: 32px;
+  height: 24px;
+  line-height: 24px;
+  font-size: 12px;
+  border-radius: 4px;
+  border: 1px solid transparent;
+  cursor: pointer;
+}
+
+.daterangepicker .calendar-table {
+  border: 1px solid #fff;
+  border-radius: 4px;
+  background-color: #fff;
+}
+
+.daterangepicker .calendar-table table {
+  width: 100%;
+  margin: 0;
+  border-spacing: 0;
+  border-collapse: collapse;
+  display: table;
+}
+
+.daterangepicker td.available:hover,
+.daterangepicker th.available:hover {
+  background-color: #eee;
+  border-color: transparent;
+  color: inherit;
+}
+
+.daterangepicker td.week,
+.daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker td.off,
+.daterangepicker td.off.end-date,
+.daterangepicker td.off.in-range,
+.daterangepicker td.off.start-date {
+  background-color: #fff;
+  border-color: transparent;
+  color: #999;
+}
+
+.daterangepicker td.in-range {
+  background-color: #ebf4f8;
+  border-color: transparent;
+  color: #000;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  border-radius: 4px;
+}
+
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: transparent;
+  color: #fff;
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
+
+.daterangepicker option.disabled,
+.daterangepicker td.disabled {
+  color: #999;
+  cursor: not-allowed;
+  text-decoration: line-through;
+}
+
+.daterangepicker select.monthselect,
+.daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.ampmselect,
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.secondselect {
+  width: 50px;
+  margin: 0 auto;
+  background: #eee;
+  border: 1px solid #eee;
+  padding: 2px;
+  outline: 0;
+  font-size: 12px;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 4px auto 0 auto;
+  line-height: 30px;
+  position: relative;
+  display: flex;
+}
+
+.daterangepicker .calendar-time select.disabled {
+  color: #ccc;
+  cursor: not-allowed;
+}
+
+.daterangepicker .drp-buttons {
+  clear: both;
+  text-align: right;
+  padding: 8px;
+  border-top: 1px solid #ddd;
+  display: none;
+  line-height: 12px;
+  vertical-align: middle;
+}
+
+.daterangepicker .drp-selected {
+  display: inline-block;
+  font-size: 12px;
+  padding-right: 8px;
+}
+
+.daterangepicker .drp-buttons .btn {
+  margin-left: 8px;
+  font-size: 12px;
+  font-weight: 700;
+  padding: 4px 8px;
+}
+
+.daterangepicker.show-ranges .drp-calendar.left {
+  border-left: 1px solid #ddd;
+}
+
+.daterangepicker .ranges {
+  text-align: left;
+  margin: 0;
+}
+
+.daterangepicker.show-calendar .ranges {
+  margin-top: 8px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0 auto;
+  padding: 0;
+  width: 100%;
+}
+
+.daterangepicker .ranges li {
+  font-size: 12px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li:hover {
+  background-color: #eee;
+}
+
+.daterangepicker .ranges li.active {
+  background-color: #08c;
+  color: #fff;
+}
+
+@media (min-width: 564px) {
+  .daterangepicker {
+    width: auto;
+  }
+
+  .daterangepicker .ranges ul {
+    width: 140px;
+  }
+
+  .daterangepicker.single .ranges ul {
+    width: 100%;
+  }
+
+  .daterangepicker.single .drp-calendar.left {
+    clear: none;
+  }
+
+  .daterangepicker.ltr {
+    direction: ltr;
+    text-align: left;
+  }
+
+  .daterangepicker.ltr .drp-calendar.left {
+    clear: left;
+    margin-right: 0;
+  }
+
+  .daterangepicker.ltr .drp-calendar.left .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker.ltr .drp-calendar.right {
+    margin-left: 0;
+  }
+
+  .daterangepicker.ltr .drp-calendar.right .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker.ltr .drp-calendar.left .calendar-table {
+    padding-right: 8px;
+  }
+
+  .daterangepicker.rtl {
+    direction: rtl;
+    text-align: right;
+  }
+
+  .daterangepicker.rtl .drp-calendar.left {
+    clear: right;
+    margin-left: 0;
+  }
+
+  .daterangepicker.rtl .drp-calendar.left .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+
+  .daterangepicker.rtl .drp-calendar.right {
+    margin-right: 0;
+  }
+
+  .daterangepicker.rtl .drp-calendar.right .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+
+  .daterangepicker.rtl .drp-calendar.left .calendar-table {
+    padding-left: 12px;
+  }
+
+  .daterangepicker.rtl .drp-calendar,
+  .daterangepicker.rtl .ranges {
+    text-align: right;
+  }
+}
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto;
+  }
+
+  .daterangepicker .drp-calendar.left {
+    clear: none !important;
+  }
+}
+
+.reportrange-text[data-v-0fe7292a] {
+  background: #fff;
+  cursor: pointer;
+  padding: 5px 10px;
+  border: 1px solid #ccc;
+  width: 100%;
+}
+
+.daterangepicker[data-v-0fe7292a] {
+  flex-direction: column;
+  display: flex;
+  width: auto;
+}
+
+@media screen and (max-width: 768px) {
+  .daterangepicker.show-ranges .drp-calendar.left[data-v-0fe7292a] {
+    border-left: 0;
+  }
+
+  .daterangepicker.show-ranges .ranges[data-v-0fe7292a] {
+    border-bottom: 1px solid #ddd;
+  }
+
+  .daterangepicker.show-ranges .ranges[data-v-0fe7292a] ul {
+    display: flex;
+    flex-wrap: wrap;
+    width: auto;
+  }
+}
+
+@media screen and (min-width: 540px) {
+  .daterangepicker.show-weeknumbers[data-v-0fe7292a],
+  .daterangepicker[data-v-0fe7292a] {
+    min-width: 486px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .daterangepicker.show-ranges.show-weeknumbers[data-v-0fe7292a],
+  .daterangepicker.show-ranges[data-v-0fe7292a] {
+    min-width: 682px;
+  }
+}
+
+@media screen and (max-width: 340px) {
+  .daterangepicker.single.show-weeknumbers[data-v-0fe7292a],
+  .daterangepicker.single[data-v-0fe7292a] {
+    min-width: 250px;
+  }
+}
+
+@media screen and (min-width: 339px) {
+  .daterangepicker.single[data-v-0fe7292a] {
+    min-width: auto;
+  }
+
+  .daterangepicker.single.show-ranges.show-weeknumbers[data-v-0fe7292a],
+  .daterangepicker.single.show-ranges[data-v-0fe7292a] {
+    min-width: 356px;
+  }
+
+  .daterangepicker.single.show-ranges .drp-calendar.left[data-v-0fe7292a] {
+    border-left: 1px solid #ddd;
+  }
+
+  .daterangepicker.single.show-ranges .ranges[data-v-0fe7292a] {
+    width: auto;
+    max-width: none;
+    flex-basis: auto;
+    border-bottom: 0;
+  }
+
+  .daterangepicker.single.show-ranges .ranges[data-v-0fe7292a] ul {
+    display: block;
+    width: 100%;
+  }
+}
+
+.daterangepicker.show-calendar[data-v-0fe7292a] {
+  display: block;
+}
+
+.daterangepicker.opensleft[data-v-0fe7292a] {
+  top: 35px;
+  right: 10px;
+  left: auto;
+}
+
+.daterangepicker.openscenter[data-v-0fe7292a] {
+  top: 35px;
+  right: auto;
+  left: 50%;
+  transform: translate(-50%);
+}
+
+.daterangepicker.opensright[data-v-0fe7292a] {
+  top: 35px;
+  left: 10px;
+  right: auto;
+}
+
+.slide-fade-enter-active[data-v-0fe7292a] {
+  transition: all 0.2s ease;
+}
+
+.slide-fade-leave-active[data-v-0fe7292a] {
+  transition: all 0.1s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter[data-v-0fe7292a],
+.slide-fade-leave-to[data-v-0fe7292a] {
+  transform: translateX(10px);
+  opacity: 0;
+}
+
+.vue-daterange-picker[data-v-0fe7292a] {
+  position: relative;
+  display: inline-block;
+  min-width: 60px;
+}
+
+.vue-daterange-picker .dropdown-menu[data-v-0fe7292a] {
+  padding: 0;
+}
+
+.vue-daterange-picker .show-ranges.hide-calendars[data-v-0fe7292a] {
+  width: 150px;
+  min-width: 150px;
+}
+
 .vue-suggestion .vs__input-group .vs__input {
   width: 100%;
   display: block;

yarn.lock

@@ -6816,7 +6816,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^2.5.17:
+vue2-daterange-picker@^0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/vue2-daterange-picker/-/vue2-daterange-picker-0.4.6.tgz#e5199eda2c910d1acff226105ebe02df0391a846"
+  integrity sha512-XnUdVpl7KTjWLSQiZsEZ20BJ/EjPE/fxQXejcd3+NFBh0mIzGimtjJOG90DEJbc74O/H/q3dg9ypx9J78JdHKQ==
+  dependencies:
+    vue "^2.6.10"
+
+vue@^2.5.17, vue@^2.6.10:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
   integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==