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.
- checksums.yaml +4 -4
- data/.circleci/config.yml +4 -1
- data/Gemfile +1 -0
- data/Gemfile.lock +8 -0
- data/README.md +12 -0
- data/app/demo/components/date_fields.pom +96 -0
- data/app/demo/components/datetime_fields.pom +106 -0
- data/app/demo/components/nav/drawer.pom +1 -1
- data/app/demo/components/nav/menu.pom +1 -1
- data/app/demo/components/time_fields.pom +59 -0
- data/app/demo/components/toggles.pom +28 -1
- data/app/demo/events/actions/autocomplete.pom +32 -0
- data/app/demo/events/actions/deletes.pom +24 -0
- data/app/demo/events/actions/dialog.pom +19 -0
- data/app/demo/{event/actions/dialog → events/actions/dialogs}/show_dialog.pom +0 -0
- data/app/demo/{event/actions/dialog → events/actions/dialogs}/trigger.pom +0 -0
- data/app/demo/events/actions/loads.pom +19 -0
- data/app/demo/events/actions/posts.pom +23 -0
- data/app/demo/{event/new_text.pom → events/actions/replace_text.pom} +0 -0
- data/app/demo/events/actions/replaces.pom +21 -0
- data/app/demo/events/actions/snackbar.pom +19 -0
- data/app/demo/events/actions/toggle_visiblity.pom +21 -0
- data/app/demo/events/actions/updates.pom +24 -0
- data/app/demo/events/field_level.pom +20 -0
- data/app/demo/events/form_level.pom +24 -0
- data/app/demo/events/nav/drawer.pom +21 -0
- data/app/demo/events.pom +8 -77
- data/app/demo/formatting_tokens.pom +125 -0
- data/app/demo/index.pom +12 -5
- data/app/demo/markdown.pom +33 -40
- data/app/demo/shared/context_list.pom +2 -2
- data/app/demo/styles.pom +1 -0
- data/config.ru +9 -0
- data/lib/voom/presenters/dsl/components/base.rb +5 -0
- data/lib/voom/presenters/dsl/components/card.rb +2 -0
- data/lib/voom/presenters/dsl/components/content.rb +2 -0
- data/lib/voom/presenters/dsl/components/date_field.rb +21 -0
- data/lib/voom/presenters/dsl/components/datetime_base.rb +48 -0
- data/lib/voom/presenters/dsl/components/datetime_field.rb +23 -0
- data/lib/voom/presenters/dsl/components/expansion_panel.rb +1 -0
- data/lib/voom/presenters/dsl/components/form.rb +2 -0
- data/lib/voom/presenters/dsl/components/grid.rb +2 -0
- data/lib/voom/presenters/dsl/components/mixins/date_time_fields.rb +29 -0
- data/lib/voom/presenters/dsl/components/mixins/text_fields.rb +0 -6
- data/lib/voom/presenters/dsl/components/table.rb +1 -1
- data/lib/voom/presenters/dsl/components/time_field.rb +21 -0
- data/lib/voom/presenters/dsl/user_interface.rb +3 -0
- data/lib/voom/presenters/helpers/rails/currency.rb +16 -0
- data/lib/voom/presenters/helpers/rails/model_table.rb +52 -0
- data/lib/voom/presenters/helpers/rails.rb +4 -34
- data/lib/voom/presenters/settings.rb +14 -0
- data/lib/voom/presenters/version.rb +1 -1
- data/lib/voom/presenters/web_client/app.rb +8 -0
- data/public/bundle.css +676 -0
- data/public/bundle.js +3314 -1151
- data/views/mdc/assets/js/components/datetime.js +36 -0
- data/views/mdc/assets/js/components/events/base.js +5 -5
- data/views/mdc/assets/js/components/forms.js +2 -2
- data/views/mdc/assets/js/components/initialize.js +2 -2
- data/views/mdc/assets/js/components/switches.js +1 -1
- data/views/mdc/assets/js/components/text-fields.js +2 -4
- data/views/mdc/assets/scss/components/datetime.scss +19 -0
- data/views/mdc/assets/scss/components/textfield.scss +7 -0
- data/views/mdc/assets/scss/components/vendor/flatpickr.min.css +13 -0
- data/views/mdc/components/date.erb +1 -0
- data/views/mdc/components/{date_time.erb → datetime.erb} +13 -8
- data/views/mdc/components/icon.erb +2 -0
- data/views/mdc/components/text_field.erb +3 -2
- data/views/mdc/components/time.erb +1 -0
- data/views/mdc/layout.erb +1 -0
- data/views/mdc/package-lock.json +5 -0
- data/views/mdc/package.json +1 -1
- metadata +33 -18
- data/LICENSE.txt +0 -21
- data/app/demo/event/actions/nav/drawer.pom +0 -5
- data/app/demo/event/actions/nav/menu.pom +0 -19
- data/app/demo/event/actions.rb +0 -86
- data/app/demo/event/autocomplete.pom +0 -27
- data/app/demo/event/field_level.pom +0 -22
- data/app/demo/event/form_level.pom +0 -26
- data/app/demo/event/nav/drawer.pom +0 -5
- data/app/demo/event/nav/menu.pom +0 -14
- data/lib/voom/presenters/dsl/components/date_time.rb +0 -17
- data/lib/voom/presenters/helpers/currency.rb +0 -14
- 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
|
|