voom-presenters 0.1.5 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (85) hide show
  1. checksums.yaml +4 -4
  2. data/.circleci/config.yml +4 -1
  3. data/Gemfile +1 -0
  4. data/Gemfile.lock +8 -0
  5. data/README.md +12 -0
  6. data/app/demo/components/date_fields.pom +96 -0
  7. data/app/demo/components/datetime_fields.pom +106 -0
  8. data/app/demo/components/nav/drawer.pom +1 -1
  9. data/app/demo/components/nav/menu.pom +1 -1
  10. data/app/demo/components/time_fields.pom +59 -0
  11. data/app/demo/components/toggles.pom +28 -1
  12. data/app/demo/events/actions/autocomplete.pom +32 -0
  13. data/app/demo/events/actions/deletes.pom +24 -0
  14. data/app/demo/events/actions/dialog.pom +19 -0
  15. data/app/demo/{event/actions/dialog → events/actions/dialogs}/show_dialog.pom +0 -0
  16. data/app/demo/{event/actions/dialog → events/actions/dialogs}/trigger.pom +0 -0
  17. data/app/demo/events/actions/loads.pom +19 -0
  18. data/app/demo/events/actions/posts.pom +23 -0
  19. data/app/demo/{event/new_text.pom → events/actions/replace_text.pom} +0 -0
  20. data/app/demo/events/actions/replaces.pom +21 -0
  21. data/app/demo/events/actions/snackbar.pom +19 -0
  22. data/app/demo/events/actions/toggle_visiblity.pom +21 -0
  23. data/app/demo/events/actions/updates.pom +24 -0
  24. data/app/demo/events/field_level.pom +20 -0
  25. data/app/demo/events/form_level.pom +24 -0
  26. data/app/demo/events/nav/drawer.pom +21 -0
  27. data/app/demo/events.pom +8 -77
  28. data/app/demo/formatting_tokens.pom +125 -0
  29. data/app/demo/index.pom +12 -5
  30. data/app/demo/markdown.pom +33 -40
  31. data/app/demo/shared/context_list.pom +2 -2
  32. data/app/demo/styles.pom +1 -0
  33. data/config.ru +9 -0
  34. data/lib/voom/presenters/dsl/components/base.rb +5 -0
  35. data/lib/voom/presenters/dsl/components/card.rb +2 -0
  36. data/lib/voom/presenters/dsl/components/content.rb +2 -0
  37. data/lib/voom/presenters/dsl/components/date_field.rb +21 -0
  38. data/lib/voom/presenters/dsl/components/datetime_base.rb +48 -0
  39. data/lib/voom/presenters/dsl/components/datetime_field.rb +23 -0
  40. data/lib/voom/presenters/dsl/components/expansion_panel.rb +1 -0
  41. data/lib/voom/presenters/dsl/components/form.rb +2 -0
  42. data/lib/voom/presenters/dsl/components/grid.rb +2 -0
  43. data/lib/voom/presenters/dsl/components/mixins/date_time_fields.rb +29 -0
  44. data/lib/voom/presenters/dsl/components/mixins/text_fields.rb +0 -6
  45. data/lib/voom/presenters/dsl/components/table.rb +1 -1
  46. data/lib/voom/presenters/dsl/components/time_field.rb +21 -0
  47. data/lib/voom/presenters/dsl/user_interface.rb +3 -0
  48. data/lib/voom/presenters/helpers/rails/currency.rb +16 -0
  49. data/lib/voom/presenters/helpers/rails/model_table.rb +52 -0
  50. data/lib/voom/presenters/helpers/rails.rb +4 -34
  51. data/lib/voom/presenters/settings.rb +14 -0
  52. data/lib/voom/presenters/version.rb +1 -1
  53. data/lib/voom/presenters/web_client/app.rb +8 -0
  54. data/public/bundle.css +676 -0
  55. data/public/bundle.js +3314 -1151
  56. data/views/mdc/assets/js/components/datetime.js +36 -0
  57. data/views/mdc/assets/js/components/events/base.js +5 -5
  58. data/views/mdc/assets/js/components/forms.js +2 -2
  59. data/views/mdc/assets/js/components/initialize.js +2 -2
  60. data/views/mdc/assets/js/components/switches.js +1 -1
  61. data/views/mdc/assets/js/components/text-fields.js +2 -4
  62. data/views/mdc/assets/scss/components/datetime.scss +19 -0
  63. data/views/mdc/assets/scss/components/textfield.scss +7 -0
  64. data/views/mdc/assets/scss/components/vendor/flatpickr.min.css +13 -0
  65. data/views/mdc/components/date.erb +1 -0
  66. data/views/mdc/components/{date_time.erb → datetime.erb} +13 -8
  67. data/views/mdc/components/icon.erb +2 -0
  68. data/views/mdc/components/text_field.erb +3 -2
  69. data/views/mdc/components/time.erb +1 -0
  70. data/views/mdc/layout.erb +1 -0
  71. data/views/mdc/package-lock.json +5 -0
  72. data/views/mdc/package.json +1 -1
  73. metadata +33 -18
  74. data/LICENSE.txt +0 -21
  75. data/app/demo/event/actions/nav/drawer.pom +0 -5
  76. data/app/demo/event/actions/nav/menu.pom +0 -19
  77. data/app/demo/event/actions.rb +0 -86
  78. data/app/demo/event/autocomplete.pom +0 -27
  79. data/app/demo/event/field_level.pom +0 -22
  80. data/app/demo/event/form_level.pom +0 -26
  81. data/app/demo/event/nav/drawer.pom +0 -5
  82. data/app/demo/event/nav/menu.pom +0 -14
  83. data/lib/voom/presenters/dsl/components/date_time.rb +0 -17
  84. data/lib/voom/presenters/helpers/currency.rb +0 -14
  85. data/views/mdc/assets/js/components/date-time.js +0 -6
data/public/bundle.css CHANGED
@@ -8690,6 +8690,9 @@ v-card-title-position-left {
8690
8690
  100% {
8691
8691
  transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }
8692
8692
 
8693
+ .mdc-text-field__input .v-text-field {
8694
+ padding: inherit; }
8695
+
8693
8696
  /**
8694
8697
  * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.
8695
8698
  *
@@ -11403,6 +11406,679 @@ form .mdl-switch {
11403
11406
  .v-icon__secondary {
11404
11407
  color: #ffab40; }
11405
11408
 
11409
+ .flatpickr-calendar {
11410
+ background: transparent;
11411
+ opacity: 0;
11412
+ display: none;
11413
+ text-align: center;
11414
+ visibility: hidden;
11415
+ padding: 0;
11416
+ -webkit-animation: none;
11417
+ animation: none;
11418
+ direction: ltr;
11419
+ border: 0;
11420
+ font-size: 14px;
11421
+ line-height: 24px;
11422
+ border-radius: 5px;
11423
+ position: absolute;
11424
+ width: 307.875px;
11425
+ -webkit-box-sizing: border-box;
11426
+ box-sizing: border-box;
11427
+ -ms-touch-action: manipulation;
11428
+ touch-action: manipulation;
11429
+ background: #fff;
11430
+ -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
11431
+ box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }
11432
+
11433
+ .flatpickr-calendar.open, .flatpickr-calendar.inline {
11434
+ opacity: 1;
11435
+ max-height: 640px;
11436
+ visibility: visible; }
11437
+
11438
+ .flatpickr-calendar.open {
11439
+ display: inline-block;
11440
+ z-index: 99999; }
11441
+
11442
+ .flatpickr-calendar.animate.open {
11443
+ -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
11444
+ animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }
11445
+
11446
+ .flatpickr-calendar.inline {
11447
+ display: block;
11448
+ position: relative;
11449
+ top: 2px; }
11450
+
11451
+ .flatpickr-calendar.static {
11452
+ position: absolute;
11453
+ top: calc(100% + 2px); }
11454
+
11455
+ .flatpickr-calendar.static.open {
11456
+ z-index: 999;
11457
+ display: block; }
11458
+
11459
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
11460
+ -webkit-box-shadow: none !important;
11461
+ box-shadow: none !important; }
11462
+
11463
+ .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
11464
+ -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
11465
+ box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }
11466
+
11467
+ .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
11468
+ border-bottom: 0;
11469
+ border-bottom-right-radius: 0;
11470
+ border-bottom-left-radius: 0; }
11471
+
11472
+ .flatpickr-calendar .hasWeeks .dayContainer {
11473
+ border-left: 0; }
11474
+
11475
+ .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
11476
+ height: 40px;
11477
+ border-top: 1px solid #e6e6e6; }
11478
+
11479
+ .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
11480
+ height: auto; }
11481
+
11482
+ .flatpickr-calendar:before, .flatpickr-calendar:after {
11483
+ position: absolute;
11484
+ display: block;
11485
+ pointer-events: none;
11486
+ border: solid transparent;
11487
+ content: '';
11488
+ height: 0;
11489
+ width: 0;
11490
+ left: 22px; }
11491
+
11492
+ .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
11493
+ left: auto;
11494
+ right: 22px; }
11495
+
11496
+ .flatpickr-calendar:before {
11497
+ border-width: 5px;
11498
+ margin: 0 -5px; }
11499
+
11500
+ .flatpickr-calendar:after {
11501
+ border-width: 4px;
11502
+ margin: 0 -4px; }
11503
+
11504
+ .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
11505
+ bottom: 100%; }
11506
+
11507
+ .flatpickr-calendar.arrowTop:before {
11508
+ border-bottom-color: #e6e6e6; }
11509
+
11510
+ .flatpickr-calendar.arrowTop:after {
11511
+ border-bottom-color: #fff; }
11512
+
11513
+ .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
11514
+ top: 100%; }
11515
+
11516
+ .flatpickr-calendar.arrowBottom:before {
11517
+ border-top-color: #e6e6e6; }
11518
+
11519
+ .flatpickr-calendar.arrowBottom:after {
11520
+ border-top-color: #fff; }
11521
+
11522
+ .flatpickr-calendar:focus {
11523
+ outline: 0; }
11524
+
11525
+ .flatpickr-wrapper {
11526
+ position: relative;
11527
+ display: inline-block; }
11528
+
11529
+ .flatpickr-months {
11530
+ display: -webkit-box;
11531
+ display: -webkit-flex;
11532
+ display: -ms-flexbox;
11533
+ display: flex; }
11534
+
11535
+ .flatpickr-months .flatpickr-month {
11536
+ background: transparent;
11537
+ color: rgba(0, 0, 0, 0.9);
11538
+ fill: rgba(0, 0, 0, 0.9);
11539
+ height: 28px;
11540
+ line-height: 1;
11541
+ text-align: center;
11542
+ position: relative;
11543
+ -webkit-user-select: none;
11544
+ -moz-user-select: none;
11545
+ -ms-user-select: none;
11546
+ user-select: none;
11547
+ overflow: hidden;
11548
+ -webkit-box-flex: 1;
11549
+ -webkit-flex: 1;
11550
+ -ms-flex: 1;
11551
+ flex: 1; }
11552
+
11553
+ .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
11554
+ text-decoration: none;
11555
+ cursor: pointer;
11556
+ position: absolute;
11557
+ top: 0;
11558
+ line-height: 16px;
11559
+ height: 28px;
11560
+ padding: 10px;
11561
+ z-index: 3; }
11562
+
11563
+ .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled {
11564
+ display: none; }
11565
+
11566
+ .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
11567
+ position: relative; }
11568
+
11569
+ .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
11570
+ /*
11571
+ /*rtl:begin:ignore*/
11572
+ left: 0;
11573
+ /*
11574
+ /*rtl:end:ignore*/ }
11575
+
11576
+ /*
11577
+ /*rtl:begin:ignore*/
11578
+ /*
11579
+ /*rtl:end:ignore*/
11580
+ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
11581
+ /*
11582
+ /*rtl:begin:ignore*/
11583
+ right: 0;
11584
+ /*
11585
+ /*rtl:end:ignore*/ }
11586
+
11587
+ /*
11588
+ /*rtl:begin:ignore*/
11589
+ /*
11590
+ /*rtl:end:ignore*/
11591
+ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
11592
+ color: #959ea9; }
11593
+
11594
+ .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
11595
+ fill: #f64747; }
11596
+
11597
+ .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
11598
+ width: 14px;
11599
+ height: 14px; }
11600
+
11601
+ .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
11602
+ -webkit-transition: fill .1s;
11603
+ transition: fill .1s;
11604
+ fill: inherit; }
11605
+
11606
+ .numInputWrapper {
11607
+ position: relative;
11608
+ height: auto; }
11609
+
11610
+ .numInputWrapper input, .numInputWrapper span {
11611
+ display: inline-block; }
11612
+
11613
+ .numInputWrapper input {
11614
+ width: 100%; }
11615
+
11616
+ .numInputWrapper input::-ms-clear {
11617
+ display: none; }
11618
+
11619
+ .numInputWrapper span {
11620
+ position: absolute;
11621
+ right: 0;
11622
+ width: 14px;
11623
+ padding: 0 4px 0 2px;
11624
+ height: 50%;
11625
+ line-height: 50%;
11626
+ opacity: 0;
11627
+ cursor: pointer;
11628
+ border: 1px solid rgba(57, 57, 57, 0.15);
11629
+ -webkit-box-sizing: border-box;
11630
+ box-sizing: border-box; }
11631
+
11632
+ .numInputWrapper span:hover {
11633
+ background: rgba(0, 0, 0, 0.1); }
11634
+
11635
+ .numInputWrapper span:active {
11636
+ background: rgba(0, 0, 0, 0.2); }
11637
+
11638
+ .numInputWrapper span:after {
11639
+ display: block;
11640
+ content: "";
11641
+ position: absolute; }
11642
+
11643
+ .numInputWrapper span.arrowUp {
11644
+ top: 0;
11645
+ border-bottom: 0; }
11646
+
11647
+ .numInputWrapper span.arrowUp:after {
11648
+ border-left: 4px solid transparent;
11649
+ border-right: 4px solid transparent;
11650
+ border-bottom: 4px solid rgba(57, 57, 57, 0.6);
11651
+ top: 26%; }
11652
+
11653
+ .numInputWrapper span.arrowDown {
11654
+ top: 50%; }
11655
+
11656
+ .numInputWrapper span.arrowDown:after {
11657
+ border-left: 4px solid transparent;
11658
+ border-right: 4px solid transparent;
11659
+ border-top: 4px solid rgba(57, 57, 57, 0.6);
11660
+ top: 40%; }
11661
+
11662
+ .numInputWrapper span svg {
11663
+ width: inherit;
11664
+ height: auto; }
11665
+
11666
+ .numInputWrapper span svg path {
11667
+ fill: rgba(0, 0, 0, 0.5); }
11668
+
11669
+ .numInputWrapper:hover {
11670
+ background: rgba(0, 0, 0, 0.05); }
11671
+
11672
+ .numInputWrapper:hover span {
11673
+ opacity: 1; }
11674
+
11675
+ .flatpickr-current-month {
11676
+ font-size: 135%;
11677
+ line-height: inherit;
11678
+ font-weight: 300;
11679
+ color: inherit;
11680
+ position: absolute;
11681
+ width: 75%;
11682
+ left: 12.5%;
11683
+ padding: 6.16px 0 0 0;
11684
+ line-height: 1;
11685
+ height: 28px;
11686
+ display: inline-block;
11687
+ text-align: center;
11688
+ -webkit-transform: translate3d(0, 0, 0);
11689
+ transform: translate3d(0, 0, 0); }
11690
+
11691
+ .flatpickr-current-month span.cur-month {
11692
+ font-family: inherit;
11693
+ font-weight: 700;
11694
+ color: inherit;
11695
+ display: inline-block;
11696
+ margin-left: .5ch;
11697
+ padding: 0; }
11698
+
11699
+ .flatpickr-current-month span.cur-month:hover {
11700
+ background: rgba(0, 0, 0, 0.05); }
11701
+
11702
+ .flatpickr-current-month .numInputWrapper {
11703
+ width: 6ch;
11704
+ width: 7ch\0;
11705
+ display: inline-block; }
11706
+
11707
+ .flatpickr-current-month .numInputWrapper span.arrowUp:after {
11708
+ border-bottom-color: rgba(0, 0, 0, 0.9); }
11709
+
11710
+ .flatpickr-current-month .numInputWrapper span.arrowDown:after {
11711
+ border-top-color: rgba(0, 0, 0, 0.9); }
11712
+
11713
+ .flatpickr-current-month input.cur-year {
11714
+ background: transparent;
11715
+ -webkit-box-sizing: border-box;
11716
+ box-sizing: border-box;
11717
+ color: inherit;
11718
+ cursor: text;
11719
+ padding: 0 0 0 .5ch;
11720
+ margin: 0;
11721
+ display: inline-block;
11722
+ font-size: inherit;
11723
+ font-family: inherit;
11724
+ font-weight: 300;
11725
+ line-height: inherit;
11726
+ height: auto;
11727
+ border: 0;
11728
+ border-radius: 0;
11729
+ vertical-align: initial; }
11730
+
11731
+ .flatpickr-current-month input.cur-year:focus {
11732
+ outline: 0; }
11733
+
11734
+ .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
11735
+ font-size: 100%;
11736
+ color: rgba(0, 0, 0, 0.5);
11737
+ background: transparent;
11738
+ pointer-events: none; }
11739
+
11740
+ .flatpickr-weekdays {
11741
+ background: transparent;
11742
+ text-align: center;
11743
+ overflow: hidden;
11744
+ width: 100%;
11745
+ display: -webkit-box;
11746
+ display: -webkit-flex;
11747
+ display: -ms-flexbox;
11748
+ display: flex;
11749
+ -webkit-box-align: center;
11750
+ -webkit-align-items: center;
11751
+ -ms-flex-align: center;
11752
+ align-items: center;
11753
+ height: 28px; }
11754
+
11755
+ .flatpickr-weekdays .flatpickr-weekdaycontainer {
11756
+ display: -webkit-box;
11757
+ display: -webkit-flex;
11758
+ display: -ms-flexbox;
11759
+ display: flex;
11760
+ -webkit-box-flex: 1;
11761
+ -webkit-flex: 1;
11762
+ -ms-flex: 1;
11763
+ flex: 1; }
11764
+
11765
+ span.flatpickr-weekday {
11766
+ cursor: default;
11767
+ font-size: 90%;
11768
+ background: transparent;
11769
+ color: rgba(0, 0, 0, 0.54);
11770
+ line-height: 1;
11771
+ margin: 0;
11772
+ text-align: center;
11773
+ display: block;
11774
+ -webkit-box-flex: 1;
11775
+ -webkit-flex: 1;
11776
+ -ms-flex: 1;
11777
+ flex: 1;
11778
+ font-weight: bolder; }
11779
+
11780
+ .dayContainer, .flatpickr-weeks {
11781
+ padding: 1px 0 0 0; }
11782
+
11783
+ .flatpickr-days {
11784
+ position: relative;
11785
+ overflow: hidden;
11786
+ display: -webkit-box;
11787
+ display: -webkit-flex;
11788
+ display: -ms-flexbox;
11789
+ display: flex;
11790
+ -webkit-box-align: start;
11791
+ -webkit-align-items: flex-start;
11792
+ -ms-flex-align: start;
11793
+ align-items: flex-start;
11794
+ width: 307.875px; }
11795
+
11796
+ .flatpickr-days:focus {
11797
+ outline: 0; }
11798
+
11799
+ .dayContainer {
11800
+ padding: 0;
11801
+ outline: 0;
11802
+ text-align: left;
11803
+ width: 307.875px;
11804
+ min-width: 307.875px;
11805
+ max-width: 307.875px;
11806
+ -webkit-box-sizing: border-box;
11807
+ box-sizing: border-box;
11808
+ display: inline-block;
11809
+ display: -ms-flexbox;
11810
+ display: -webkit-box;
11811
+ display: -webkit-flex;
11812
+ display: flex;
11813
+ -webkit-flex-wrap: wrap;
11814
+ flex-wrap: wrap;
11815
+ -ms-flex-wrap: wrap;
11816
+ -ms-flex-pack: justify;
11817
+ -webkit-justify-content: space-around;
11818
+ justify-content: space-around;
11819
+ -webkit-transform: translate3d(0, 0, 0);
11820
+ transform: translate3d(0, 0, 0);
11821
+ opacity: 1; }
11822
+
11823
+ .dayContainer + .dayContainer {
11824
+ -webkit-box-shadow: -1px 0 0 #e6e6e6;
11825
+ box-shadow: -1px 0 0 #e6e6e6; }
11826
+
11827
+ .flatpickr-day {
11828
+ background: none;
11829
+ border: 1px solid transparent;
11830
+ border-radius: 150px;
11831
+ -webkit-box-sizing: border-box;
11832
+ box-sizing: border-box;
11833
+ color: #393939;
11834
+ cursor: pointer;
11835
+ font-weight: 400;
11836
+ width: 14.2857143%;
11837
+ -webkit-flex-basis: 14.2857143%;
11838
+ -ms-flex-preferred-size: 14.2857143%;
11839
+ flex-basis: 14.2857143%;
11840
+ max-width: 39px;
11841
+ height: 39px;
11842
+ line-height: 39px;
11843
+ margin: 0;
11844
+ display: inline-block;
11845
+ position: relative;
11846
+ -webkit-box-pack: center;
11847
+ -webkit-justify-content: center;
11848
+ -ms-flex-pack: center;
11849
+ justify-content: center;
11850
+ text-align: center; }
11851
+
11852
+ .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
11853
+ cursor: pointer;
11854
+ outline: 0;
11855
+ background: #e6e6e6;
11856
+ border-color: #e6e6e6; }
11857
+
11858
+ .flatpickr-day.today {
11859
+ border-color: #959ea9; }
11860
+
11861
+ .flatpickr-day.today:hover, .flatpickr-day.today:focus {
11862
+ border-color: #959ea9;
11863
+ background: #959ea9;
11864
+ color: #fff; }
11865
+
11866
+ .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
11867
+ background: #569ff7;
11868
+ -webkit-box-shadow: none;
11869
+ box-shadow: none;
11870
+ color: #fff;
11871
+ border-color: #569ff7; }
11872
+
11873
+ .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
11874
+ border-radius: 50px 0 0 50px; }
11875
+
11876
+ .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
11877
+ border-radius: 0 50px 50px 0; }
11878
+
11879
+ .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
11880
+ -webkit-box-shadow: -10px 0 0 #569ff7;
11881
+ box-shadow: -10px 0 0 #569ff7; }
11882
+
11883
+ .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
11884
+ border-radius: 50px; }
11885
+
11886
+ .flatpickr-day.inRange {
11887
+ border-radius: 0;
11888
+ -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
11889
+ box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6; }
11890
+
11891
+ .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
11892
+ color: rgba(57, 57, 57, 0.3);
11893
+ background: transparent;
11894
+ border-color: transparent;
11895
+ cursor: default; }
11896
+
11897
+ .flatpickr-day.disabled, .flatpickr-day.disabled:hover {
11898
+ cursor: not-allowed;
11899
+ color: rgba(57, 57, 57, 0.1); }
11900
+
11901
+ .flatpickr-day.week.selected {
11902
+ border-radius: 0;
11903
+ -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
11904
+ box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7; }
11905
+
11906
+ .flatpickr-day.hidden {
11907
+ visibility: hidden; }
11908
+
11909
+ .rangeMode .flatpickr-day {
11910
+ margin-top: 1px; }
11911
+
11912
+ .flatpickr-weekwrapper {
11913
+ display: inline-block;
11914
+ float: left; }
11915
+
11916
+ .flatpickr-weekwrapper .flatpickr-weeks {
11917
+ padding: 0 12px;
11918
+ -webkit-box-shadow: 1px 0 0 #e6e6e6;
11919
+ box-shadow: 1px 0 0 #e6e6e6; }
11920
+
11921
+ .flatpickr-weekwrapper .flatpickr-weekday {
11922
+ float: none;
11923
+ width: 100%;
11924
+ line-height: 28px; }
11925
+
11926
+ .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
11927
+ display: block;
11928
+ width: 100%;
11929
+ max-width: none;
11930
+ color: rgba(57, 57, 57, 0.3);
11931
+ background: transparent;
11932
+ cursor: default;
11933
+ border: none; }
11934
+
11935
+ .flatpickr-innerContainer {
11936
+ display: block;
11937
+ display: -webkit-box;
11938
+ display: -webkit-flex;
11939
+ display: -ms-flexbox;
11940
+ display: flex;
11941
+ -webkit-box-sizing: border-box;
11942
+ box-sizing: border-box;
11943
+ overflow: hidden; }
11944
+
11945
+ .flatpickr-rContainer {
11946
+ display: inline-block;
11947
+ padding: 0;
11948
+ -webkit-box-sizing: border-box;
11949
+ box-sizing: border-box; }
11950
+
11951
+ .flatpickr-time {
11952
+ text-align: center;
11953
+ outline: 0;
11954
+ display: block;
11955
+ height: 0;
11956
+ line-height: 40px;
11957
+ max-height: 40px;
11958
+ -webkit-box-sizing: border-box;
11959
+ box-sizing: border-box;
11960
+ overflow: hidden;
11961
+ display: -webkit-box;
11962
+ display: -webkit-flex;
11963
+ display: -ms-flexbox;
11964
+ display: flex; }
11965
+
11966
+ .flatpickr-time:after {
11967
+ content: "";
11968
+ display: table;
11969
+ clear: both; }
11970
+
11971
+ .flatpickr-time .numInputWrapper {
11972
+ -webkit-box-flex: 1;
11973
+ -webkit-flex: 1;
11974
+ -ms-flex: 1;
11975
+ flex: 1;
11976
+ width: 40%;
11977
+ height: 40px;
11978
+ float: left; }
11979
+
11980
+ .flatpickr-time .numInputWrapper span.arrowUp:after {
11981
+ border-bottom-color: #393939; }
11982
+
11983
+ .flatpickr-time .numInputWrapper span.arrowDown:after {
11984
+ border-top-color: #393939; }
11985
+
11986
+ .flatpickr-time.hasSeconds .numInputWrapper {
11987
+ width: 26%; }
11988
+
11989
+ .flatpickr-time.time24hr .numInputWrapper {
11990
+ width: 49%; }
11991
+
11992
+ .flatpickr-time input {
11993
+ background: transparent;
11994
+ -webkit-box-shadow: none;
11995
+ box-shadow: none;
11996
+ border: 0;
11997
+ border-radius: 0;
11998
+ text-align: center;
11999
+ margin: 0;
12000
+ padding: 0;
12001
+ height: inherit;
12002
+ line-height: inherit;
12003
+ cursor: pointer;
12004
+ color: #393939;
12005
+ font-size: 14px;
12006
+ position: relative;
12007
+ -webkit-box-sizing: border-box;
12008
+ box-sizing: border-box; }
12009
+
12010
+ .flatpickr-time input.flatpickr-hour {
12011
+ font-weight: bold; }
12012
+
12013
+ .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
12014
+ font-weight: 400; }
12015
+
12016
+ .flatpickr-time input:focus {
12017
+ outline: 0;
12018
+ border: 0; }
12019
+
12020
+ .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
12021
+ height: inherit;
12022
+ display: inline-block;
12023
+ float: left;
12024
+ line-height: inherit;
12025
+ color: #393939;
12026
+ font-weight: bold;
12027
+ width: 2%;
12028
+ -webkit-user-select: none;
12029
+ -moz-user-select: none;
12030
+ -ms-user-select: none;
12031
+ user-select: none;
12032
+ -webkit-align-self: center;
12033
+ -ms-flex-item-align: center;
12034
+ align-self: center; }
12035
+
12036
+ .flatpickr-time .flatpickr-am-pm {
12037
+ outline: 0;
12038
+ width: 18%;
12039
+ cursor: pointer;
12040
+ text-align: center;
12041
+ font-weight: 400; }
12042
+
12043
+ .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
12044
+ background: #f0f0f0; }
12045
+
12046
+ .flatpickr-input[readonly] {
12047
+ cursor: pointer; }
12048
+
12049
+ @-webkit-keyframes fpFadeInDown {
12050
+ from {
12051
+ opacity: 0;
12052
+ -webkit-transform: translate3d(0, -20px, 0);
12053
+ transform: translate3d(0, -20px, 0); }
12054
+ to {
12055
+ opacity: 1;
12056
+ -webkit-transform: translate3d(0, 0, 0);
12057
+ transform: translate3d(0, 0, 0); } }
12058
+
12059
+ @keyframes fpFadeInDown {
12060
+ from {
12061
+ opacity: 0;
12062
+ -webkit-transform: translate3d(0, -20px, 0);
12063
+ transform: translate3d(0, -20px, 0); }
12064
+ to {
12065
+ opacity: 1;
12066
+ -webkit-transform: translate3d(0, 0, 0);
12067
+ transform: translate3d(0, 0, 0); } }
12068
+
12069
+ .mdc-text-field__icon.v-datetime--clear {
12070
+ right: 15px;
12071
+ left: initial; }
12072
+
12073
+ .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
12074
+ padding-right: 48px; }
12075
+ .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input .mdc-text-field--with-leading-icon {
12076
+ padding-left: 48px; }
12077
+
12078
+ .v-datetime.mdc-text-field--fullwidth:not(.mdc-text-field--textarea).mdc-text-field--with-leading-icon .mdc-text-field__input {
12079
+ padding-right: 48px;
12080
+ padding-left: 48px; }
12081
+
11406
12082
  .v-actionable {
11407
12083
  cursor: pointer; }
11408
12084