added apps
This commit is contained in:
21
node_modules/flatpickr/LICENSE.md
generated
vendored
Normal file
21
node_modules/flatpickr/LICENSE.md
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2017 Gregory Petrosyan
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
65
node_modules/flatpickr/README.md
generated
vendored
Normal file
65
node_modules/flatpickr/README.md
generated
vendored
Normal file
@@ -0,0 +1,65 @@
|
||||
## flatpickr - javascript datetime picker
|
||||
[](https://github.com/flatpickr/flatpickr/actions)
|
||||
|
||||
[](https://coveralls.io/github/chmln/flatpickr)
|
||||
[](https://www.npmjs.com/package/flatpickr)
|
||||
[](https://cdnjs.com/libraries/flatpickr)
|
||||
[](https://raw.githubusercontent.com/flatpickr/flatpickr/master/LICENSE.md)
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## Motivation
|
||||
Almost every large SPA or project involves date and time input. Browser's native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking out of the box, dependency-free, powerful, and extensible.
|
||||
|
||||
Feature overview:
|
||||
|
||||
- Dependency-free (no bloated bundles)
|
||||
- Simple, polished UX
|
||||
- Date + time input
|
||||
- Range selections
|
||||
- Ability to select multiple dates
|
||||
- Can be used as just a time picker
|
||||
- Display dates in a human-friendly format
|
||||
- Easily disable specific dates, date ranges, or any date using arbitrary logic
|
||||
- Week numbers
|
||||
- 51 locales
|
||||
- 8 colorful themes (incl. dark and material)
|
||||
- Numerous plugins
|
||||
- Libraries available for React, Angular, Vue, Ember, and more
|
||||
|
||||
|
||||
|
||||
flatpickr provides more functionality at a fraction of the size of other libraries.
|
||||
|
||||
## Compatibility
|
||||
IE9 and up, Edge, iOS Safari 6+, Chrome 8+, Firefox 6+
|
||||
|
||||
## Install & Use
|
||||
|
||||
Demos and documentation: https://flatpickr.js.org
|
||||
|
||||
See also:
|
||||
* [angular2+-flatpickr addon](https://github.com/mezoistvan/ng2-flatpickr)
|
||||
* [angularJS-flatpickr addon](https://www.npmjs.com/package/angular-flatpickr)
|
||||
* [ember-flatpickr addon](https://www.npmjs.com/package/ember-flatpickr)
|
||||
* [Preact Component](https://github.com/molnarmark/preact-flatpickr)
|
||||
* [React Component](https://github.com/coderhaoxin/react-flatpickr)
|
||||
* [Stimulus.js Controller](https://github.com/adrienpoly/stimulus-flatpickr)
|
||||
* [Svelte Component](https://github.com/jacobmischka/svelte-flatpickr)
|
||||
* [vue-flatpickr component](https://github.com/ankurk91/vue-flatpickr-component)
|
||||
* [lit-flatpickr component](https://github.com/Matsuuu/lit-flatpickr)
|
||||
|
||||
## Supporting flatpickr
|
||||
|
||||
flatpickr will never change its license, pester users for donations, or engage in other user-hostile behavior.
|
||||
|
||||
Nevertheless, if you enjoyed working with this library or if its made your life easier, you can buy me a cup of coffee :)
|
||||
|
||||
<a href='https://ko-fi.com/A3381DJ9' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://az743702.vo.msecnd.net/cdn/kofi4.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
|
||||
82
node_modules/flatpickr/package.json
generated
vendored
Normal file
82
node_modules/flatpickr/package.json
generated
vendored
Normal file
@@ -0,0 +1,82 @@
|
||||
{
|
||||
"name": "flatpickr",
|
||||
"version": "4.6.13",
|
||||
"description": "A lightweight, powerful javascript datetime picker",
|
||||
"scripts": {
|
||||
"build": "run-s build:pre build:build build:esm build:types build:post",
|
||||
"build:pre": "rimraf dist",
|
||||
"build:build": "ts-node --transpile-only build.ts",
|
||||
"build:esm": "tsc -p tsconfig.esm.json",
|
||||
"build:types": "tsc -p tsconfig.declarations.json",
|
||||
"build:post": "cp src/typings.d.ts dist/typings.d.ts",
|
||||
"fmt": "prettier --ignore-path .gitignore --trailing-comma es5 --write \"**/*.ts\"",
|
||||
"fmt:check": "prettier --ignore-path .gitignore --trailing-comma es5 --check \"**/*.ts\"",
|
||||
"start": "npm run build:build -- --dev",
|
||||
"test": "run-s test:typecheck test:unit",
|
||||
"test:typecheck": "tsc --noEmit --incremental",
|
||||
"test:unit": "jest --config config/jest.json",
|
||||
"coveralls": "npm run test:unit -- --coverage && cat ./coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@babel/plugin-proposal-object-rest-spread": "^7.12.1",
|
||||
"@babel/plugin-proposal-optional-catch-binding": "^7.12.1",
|
||||
"@babel/preset-env": "^7.12.11",
|
||||
"@types/acorn": "^4.0.5",
|
||||
"@types/fs-extra": "^9.0.5",
|
||||
"@types/glob": "7.1.3",
|
||||
"@types/jest": "^27.4.1",
|
||||
"@types/jquery": "^3.5.5",
|
||||
"@types/node": "^14.14.14",
|
||||
"@types/stylus": "^0.48.33",
|
||||
"autoprefixer-stylus": "latest",
|
||||
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
||||
"chokidar": "^3.4.3",
|
||||
"coveralls": "^3.1.0",
|
||||
"fs-extra": "^9.0.1",
|
||||
"glob": "^7.1.6",
|
||||
"jest": "^27.5.1",
|
||||
"npm-run-all": ">=4.1.5",
|
||||
"prettier": "^2.2.1",
|
||||
"rimraf": "^3.0.2",
|
||||
"rollup": "^2.35.1",
|
||||
"rollup-plugin-babel": "^4.4.0",
|
||||
"rollup-plugin-livereload": "^2.0.0",
|
||||
"rollup-plugin-serve": "1.1.0",
|
||||
"rollup-plugin-typescript": "^1.0.1",
|
||||
"stylus": "latest",
|
||||
"terser": "^5.5.1",
|
||||
"ts-jest": "^27.1.3",
|
||||
"ts-node": "^9.1.1",
|
||||
"tslib": "^2.0.3",
|
||||
"typescript": "^4.1.3"
|
||||
},
|
||||
"main": "dist/flatpickr.js",
|
||||
"module": "dist/esm/index.js",
|
||||
"style": "dist/flatpickr.css",
|
||||
"types": "./dist/typings.d.ts",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/chmln/flatpickr.git"
|
||||
},
|
||||
"author": "Gregory <gregory.mkv@gmail.com>",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/chmln/flatpickr/issues"
|
||||
},
|
||||
"homepage": "https://flatpickr.js.org",
|
||||
"keywords": [
|
||||
"javascript",
|
||||
"datetimepicker",
|
||||
"calendar",
|
||||
"date",
|
||||
"time",
|
||||
"picker",
|
||||
"lightweight"
|
||||
],
|
||||
"browserslist": [
|
||||
"ie >= 9",
|
||||
"last 2 versions",
|
||||
"safari >= 7"
|
||||
]
|
||||
}
|
||||
34
node_modules/flatpickr/src/style/_vars.styl
generated
vendored
Normal file
34
node_modules/flatpickr/src/style/_vars.styl
generated
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
$bezier = cubic-bezier(0.23, 1, 0.32, 1)
|
||||
$slideTime = 400ms
|
||||
|
||||
// calendar width calculation
|
||||
$daySize = 39px
|
||||
$padding = ($daySize/16)
|
||||
$dayMargin = 2px
|
||||
$daysWidth = ($daySize*7 + $dayMargin*14 + $padding*2 + 2)
|
||||
$calendarWidth = $daysWidth
|
||||
|
||||
$monthNavHeight ?= 34px
|
||||
$weekdaysHeight ?= 28px
|
||||
$timeHeight = 40px
|
||||
|
||||
// Colors
|
||||
|
||||
$calendarBackground ?= #ffffff
|
||||
$calendarBorderColor ?= #e6e6e6
|
||||
|
||||
$monthForeground ?= alpha(black, 0.9)
|
||||
$arrow_hover_color ?= #f64747
|
||||
|
||||
$monthBackground ?= transparent
|
||||
|
||||
$weekdaysBackground ?= transparent
|
||||
$weekdaysForeground ?= alpha(black, 0.54)
|
||||
|
||||
$dayForeground ?= #393939
|
||||
$dayHoverBackground ?= #e6e6e6
|
||||
|
||||
$todayColor ?= #959ea9
|
||||
$selectedDayBackground ?= #569FF7
|
||||
|
||||
$invertedBg = invert($calendarBackground)
|
||||
704
node_modules/flatpickr/src/style/flatpickr.styl
generated
vendored
Normal file
704
node_modules/flatpickr/src/style/flatpickr.styl
generated
vendored
Normal file
@@ -0,0 +1,704 @@
|
||||
@require "./_vars.styl"
|
||||
|
||||
@keyframes fpFadeInDown
|
||||
from
|
||||
opacity 0
|
||||
transform translate3d(0, -20px, 0)
|
||||
|
||||
to
|
||||
opacity 1
|
||||
transform translate3d(0, 0, 0)
|
||||
|
||||
|
||||
.flatpickr-calendar
|
||||
background transparent
|
||||
opacity 0
|
||||
display none
|
||||
text-align center
|
||||
visibility hidden
|
||||
padding 0
|
||||
animation none
|
||||
direction ltr
|
||||
border 0
|
||||
font-size 14px
|
||||
line-height 24px
|
||||
border-radius 5px
|
||||
position absolute
|
||||
width $calendarWidth
|
||||
box-sizing border-box
|
||||
touch-action manipulation
|
||||
|
||||
if $noCalendarBorder is defined
|
||||
box-shadow 0 3px 13px alpha(black, 0.08)
|
||||
|
||||
else
|
||||
background $calendarBackground
|
||||
box-shadow 1px 0 0 $calendarBorderColor,
|
||||
-1px 0 0 $calendarBorderColor,
|
||||
0 1px 0 $calendarBorderColor,
|
||||
0 -1px 0 $calendarBorderColor,
|
||||
0 3px 13px alpha(black, 0.08)
|
||||
|
||||
|
||||
&.open, &.inline
|
||||
opacity 1
|
||||
max-height 640px
|
||||
visibility visible
|
||||
|
||||
&.open
|
||||
display inline-block
|
||||
z-index 99999
|
||||
|
||||
&.animate.open
|
||||
animation fpFadeInDown 300ms $bezier
|
||||
|
||||
&.inline
|
||||
display block
|
||||
position relative
|
||||
top 2px
|
||||
|
||||
&.static
|
||||
position absolute
|
||||
top calc(100% + 2px)
|
||||
|
||||
&.open
|
||||
z-index 999
|
||||
display block
|
||||
|
||||
&.multiMonth
|
||||
.flatpickr-days .dayContainer:nth-child(n+1)
|
||||
& .flatpickr-day.inRange:nth-child(7n+7)
|
||||
box-shadow: none !important;
|
||||
|
||||
.flatpickr-days .dayContainer:nth-child(n+2)
|
||||
& .flatpickr-day.inRange:nth-child(7n+1)
|
||||
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
|
||||
|
||||
|
||||
|
||||
.hasWeeks, .hasTime
|
||||
.dayContainer
|
||||
border-bottom 0
|
||||
border-bottom-right-radius 0
|
||||
border-bottom-left-radius 0
|
||||
|
||||
if $noCalendarBorder
|
||||
.hasWeeks .dayContainer
|
||||
border-left 0
|
||||
|
||||
&.hasTime
|
||||
.flatpickr-time
|
||||
height $timeHeight
|
||||
border-top 1px solid $calendarBorderColor
|
||||
|
||||
if $noCalendarBorder is defined
|
||||
.flatpickr-innerContainer
|
||||
border-bottom 0
|
||||
|
||||
.flatpickr-time
|
||||
border 1px solid $calendarBorderColor
|
||||
|
||||
&.noCalendar.hasTime
|
||||
.flatpickr-time
|
||||
height auto
|
||||
|
||||
&:before, &:after
|
||||
position absolute
|
||||
display block
|
||||
pointer-events none
|
||||
border solid transparent
|
||||
content ''
|
||||
height 0
|
||||
width 0
|
||||
left 22px
|
||||
|
||||
&.rightMost, &.arrowRight
|
||||
&:before, &:after
|
||||
left auto
|
||||
right 22px
|
||||
|
||||
&.arrowCenter
|
||||
&:before, &:after
|
||||
left 50%
|
||||
right 50%
|
||||
|
||||
&:before
|
||||
border-width 5px
|
||||
margin 0 -5px
|
||||
|
||||
&:after
|
||||
border-width 4px
|
||||
margin 0 -4px
|
||||
|
||||
&.arrowTop
|
||||
&:before, &:after
|
||||
bottom 100%
|
||||
&:before
|
||||
border-bottom-color $calendarBorderColor
|
||||
&:after
|
||||
if $noCalendarBorder is defined
|
||||
border-bottom-color $monthBackground
|
||||
else
|
||||
border-bottom-color $calendarBackground
|
||||
|
||||
&.arrowBottom
|
||||
&:before, &:after
|
||||
top 100%
|
||||
&:before
|
||||
border-top-color $calendarBorderColor
|
||||
&:after
|
||||
if $noCalendarBorder is defined
|
||||
border-top-color $monthBackground
|
||||
else
|
||||
border-top-color $calendarBackground
|
||||
|
||||
&:focus
|
||||
outline 0
|
||||
|
||||
.flatpickr-wrapper
|
||||
position relative
|
||||
display inline-block
|
||||
|
||||
.flatpickr-months
|
||||
display flex
|
||||
|
||||
.flatpickr-month
|
||||
if $noCalendarBorder is defined
|
||||
border-radius 5px 5px 0 0
|
||||
background $monthBackground
|
||||
color $monthForeground
|
||||
fill $monthForeground
|
||||
height $monthNavHeight
|
||||
line-height 1
|
||||
text-align center
|
||||
position relative
|
||||
user-select none
|
||||
overflow hidden
|
||||
flex 1
|
||||
|
||||
.flatpickr-prev-month, .flatpickr-next-month
|
||||
user-select none
|
||||
text-decoration none
|
||||
cursor pointer
|
||||
position absolute
|
||||
top 0
|
||||
height $monthNavHeight
|
||||
padding 10px
|
||||
z-index 3
|
||||
color $monthForeground
|
||||
fill $monthForeground
|
||||
|
||||
&.flatpickr-disabled
|
||||
display none
|
||||
|
||||
i
|
||||
position relative
|
||||
|
||||
&.flatpickr-prev-month
|
||||
/*!
|
||||
/*rtl:begin:ignore*//*
|
||||
*/
|
||||
left 0
|
||||
/*!
|
||||
/*rtl:end:ignore*//*
|
||||
*/
|
||||
|
||||
|
||||
&.flatpickr-next-month
|
||||
/*!
|
||||
/*rtl:begin:ignore*//*
|
||||
*/
|
||||
right 0
|
||||
/*!
|
||||
/*rtl:end:ignore*//*
|
||||
*/
|
||||
|
||||
&:hover
|
||||
color $todayColor
|
||||
svg
|
||||
if $arrow_hover_color is defined
|
||||
fill $arrow_hover_color
|
||||
|
||||
else
|
||||
fill $todayColor
|
||||
|
||||
svg
|
||||
width 14px
|
||||
height 14px
|
||||
|
||||
path
|
||||
transition fill 0.1s
|
||||
fill inherit
|
||||
|
||||
|
||||
.numInputWrapper
|
||||
position relative
|
||||
height auto
|
||||
|
||||
input, span
|
||||
display inline-block
|
||||
|
||||
input
|
||||
width 100%
|
||||
&::-ms-clear
|
||||
display none
|
||||
|
||||
&::-webkit-outer-spin-button, &::-webkit-inner-spin-button
|
||||
margin 0
|
||||
-webkit-appearance none
|
||||
|
||||
span
|
||||
position absolute
|
||||
right 0
|
||||
width 14px
|
||||
padding 0 4px 0 2px
|
||||
height 50%
|
||||
line-height 50%
|
||||
opacity 0
|
||||
cursor pointer
|
||||
border 1px solid alpha($dayForeground, 0.15)
|
||||
box-sizing border-box
|
||||
|
||||
&:hover
|
||||
background: alpha($invertedBg, 0.1)
|
||||
|
||||
&:active
|
||||
background: alpha($invertedBg, 0.2)
|
||||
|
||||
&:after
|
||||
display block
|
||||
content ""
|
||||
position absolute
|
||||
|
||||
&.arrowUp
|
||||
top 0
|
||||
border-bottom 0
|
||||
|
||||
&:after
|
||||
border-left 4px solid transparent
|
||||
border-right 4px solid transparent
|
||||
border-bottom 4px solid alpha($dayForeground, 0.6)
|
||||
top 26%
|
||||
|
||||
&.arrowDown
|
||||
top 50%
|
||||
|
||||
&:after
|
||||
border-left 4px solid transparent
|
||||
border-right 4px solid transparent
|
||||
border-top 4px solid alpha($dayForeground, 0.6)
|
||||
top 40%
|
||||
|
||||
svg
|
||||
width inherit
|
||||
height auto
|
||||
path
|
||||
fill alpha($monthForeground, 0.5)
|
||||
|
||||
&:hover
|
||||
background: alpha($invertedBg, 0.05)
|
||||
|
||||
span
|
||||
opacity 1
|
||||
|
||||
|
||||
.flatpickr-current-month
|
||||
font-size 135%
|
||||
line-height inherit
|
||||
font-weight 300
|
||||
color inherit
|
||||
position absolute
|
||||
width 75%
|
||||
left 12.5%
|
||||
padding (0.22*$monthNavHeight) 0 0 0
|
||||
line-height 1
|
||||
height $monthNavHeight
|
||||
display inline-block
|
||||
text-align center
|
||||
transform translate3d(0px, 0px, 0px)
|
||||
|
||||
span.cur-month
|
||||
font-family inherit
|
||||
font-weight 700
|
||||
color inherit
|
||||
display inline-block
|
||||
margin-left 0.5ch
|
||||
padding 0
|
||||
|
||||
&:hover
|
||||
background: alpha($invertedBg, 0.05)
|
||||
|
||||
|
||||
.numInputWrapper
|
||||
width 6ch
|
||||
width unquote("7ch\0")
|
||||
display inline-block
|
||||
|
||||
span.arrowUp:after
|
||||
border-bottom-color $monthForeground
|
||||
|
||||
span.arrowDown:after
|
||||
border-top-color $monthForeground
|
||||
|
||||
input.cur-year
|
||||
background transparent
|
||||
box-sizing border-box
|
||||
color inherit
|
||||
cursor text
|
||||
padding 0 0 0 0.5ch
|
||||
margin 0
|
||||
display inline-block
|
||||
font-size inherit
|
||||
font-family inherit
|
||||
font-weight 300
|
||||
line-height inherit
|
||||
height auto
|
||||
border 0
|
||||
border-radius 0
|
||||
vertical-align initial
|
||||
-webkit-appearance textfield
|
||||
-moz-appearance textfield
|
||||
appearance textfield
|
||||
|
||||
&:focus
|
||||
outline 0
|
||||
|
||||
&[disabled], &[disabled]:hover
|
||||
font-size 100%
|
||||
color alpha($monthForeground, 0.5)
|
||||
background transparent
|
||||
pointer-events none
|
||||
|
||||
.flatpickr-monthDropdown-months
|
||||
appearance: menulist
|
||||
background: $monthBackground
|
||||
border: none
|
||||
border-radius: 0
|
||||
box-sizing: border-box
|
||||
color: inherit
|
||||
cursor: pointer
|
||||
font-size: inherit
|
||||
font-family: inherit
|
||||
font-weight: 300
|
||||
height: auto
|
||||
line-height: inherit
|
||||
margin: -1px 0 0 0
|
||||
outline: none
|
||||
padding: 0 0 0 0.5ch
|
||||
position: relative
|
||||
vertical-align: initial
|
||||
-webkit-box-sizing: border-box
|
||||
-webkit-appearance: menulist
|
||||
-moz-appearance: menulist
|
||||
width: auto
|
||||
|
||||
&:focus, &:active
|
||||
outline: none
|
||||
|
||||
&:hover
|
||||
background: alpha($invertedBg, 0.05)
|
||||
|
||||
.flatpickr-monthDropdown-month
|
||||
background-color: $monthBackground
|
||||
outline: none
|
||||
padding: 0
|
||||
|
||||
.flatpickr-weekdays
|
||||
background $weekdaysBackground
|
||||
text-align center
|
||||
overflow hidden
|
||||
width 100%
|
||||
display flex
|
||||
align-items center
|
||||
height $weekdaysHeight
|
||||
|
||||
.flatpickr-weekdaycontainer
|
||||
display flex
|
||||
flex 1
|
||||
|
||||
|
||||
|
||||
span.flatpickr-weekday
|
||||
cursor default
|
||||
font-size 90%
|
||||
background $monthBackground
|
||||
color $weekdaysForeground
|
||||
line-height 1
|
||||
margin 0
|
||||
text-align center
|
||||
display block
|
||||
flex 1
|
||||
font-weight bolder
|
||||
|
||||
|
||||
.dayContainer, .flatpickr-weeks
|
||||
padding 1px 0 0 0
|
||||
|
||||
.flatpickr-days
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display flex
|
||||
align-items: flex-start;
|
||||
width $daysWidth
|
||||
|
||||
&:focus
|
||||
outline 0
|
||||
|
||||
if $noCalendarBorder is defined
|
||||
border-left 1px solid $calendarBorderColor
|
||||
border-right 1px solid $calendarBorderColor
|
||||
|
||||
|
||||
.dayContainer
|
||||
padding 0
|
||||
outline 0
|
||||
text-align left
|
||||
width ($daysWidth)
|
||||
min-width ($daysWidth)
|
||||
max-width ($daysWidth)
|
||||
box-sizing border-box
|
||||
display inline-block
|
||||
display -ms-flexbox
|
||||
display flex
|
||||
flex-wrap wrap
|
||||
-ms-flex-wrap wrap
|
||||
-ms-flex-pack: justify
|
||||
justify-content space-around
|
||||
transform: translate3d(0px, 0px, 0px);
|
||||
opacity 1
|
||||
|
||||
& + .dayContainer
|
||||
box-shadow: -1px 0 0 $calendarBorderColor;
|
||||
|
||||
|
||||
.flatpickr-day
|
||||
background none
|
||||
border 1px solid transparent
|
||||
border-radius 150px
|
||||
box-sizing border-box
|
||||
color $dayForeground
|
||||
cursor pointer
|
||||
|
||||
font-weight 400
|
||||
width 14.2857143%
|
||||
flex-basis 14.2857143%
|
||||
max-width $daySize
|
||||
height $daySize
|
||||
line-height $daySize
|
||||
margin 0
|
||||
|
||||
display inline-block
|
||||
position relative
|
||||
justify-content center
|
||||
text-align center
|
||||
|
||||
&, &.prevMonthDay, &.nextMonthDay
|
||||
&.inRange, &.today.inRange, &:hover, &:focus
|
||||
cursor pointer
|
||||
outline 0
|
||||
background $dayHoverBackground
|
||||
border-color $dayHoverBackground
|
||||
|
||||
|
||||
&.today
|
||||
border-color $todayColor
|
||||
|
||||
&:hover, &:focus
|
||||
border-color $todayColor
|
||||
background $todayColor
|
||||
if $today_fg_color is defined
|
||||
color $today_fg_color
|
||||
else
|
||||
color white
|
||||
|
||||
&.selected, &.startRange, &.endRange
|
||||
&, &.inRange, &:focus, &:hover, &.prevMonthDay, &.nextMonthDay
|
||||
background $selectedDayBackground
|
||||
box-shadow none
|
||||
|
||||
if $selectedDayForeground is defined
|
||||
color $selectedDayForeground
|
||||
else
|
||||
color white
|
||||
|
||||
border-color $selectedDayBackground
|
||||
|
||||
&.startRange
|
||||
border-radius 50px 0 0 50px
|
||||
//box-shadow: (2.5*$dayMargin) 0 0 $selectedDayBackground
|
||||
|
||||
&.endRange
|
||||
border-radius 0 50px 50px 0
|
||||
|
||||
// Avoid adding extra fill because it overflows in multimonth mode
|
||||
&.startRange + .endRange:not(:nth-child(7n+1))
|
||||
box-shadow: (-5*$dayMargin) 0 0 $selectedDayBackground
|
||||
|
||||
&.startRange.endRange
|
||||
border-radius 50px
|
||||
|
||||
&.inRange
|
||||
border-radius 0
|
||||
box-shadow: (-2.5*$dayMargin) 0 0 $dayHoverBackground, (2.5*$dayMargin) 0 0 $dayHoverBackground
|
||||
|
||||
&.flatpickr-disabled, &.flatpickr-disabled:hover,
|
||||
&.prevMonthDay, &.nextMonthDay,
|
||||
&.notAllowed, &.notAllowed.prevMonthDay, &.notAllowed.nextMonthDay
|
||||
color alpha($dayForeground, 0.3)
|
||||
background transparent
|
||||
|
||||
if $disabled_border_color is defined
|
||||
border-color $disabled_border_color
|
||||
|
||||
else
|
||||
border-color transparent
|
||||
cursor default
|
||||
|
||||
&.flatpickr-disabled, &.flatpickr-disabled:hover
|
||||
cursor not-allowed
|
||||
color alpha($dayForeground, 0.1)
|
||||
|
||||
&.week.selected
|
||||
border-radius 0
|
||||
box-shadow: (-2.5*$dayMargin) 0 0 $selectedDayBackground,
|
||||
(2.5*$dayMargin) 0 0 $selectedDayBackground
|
||||
|
||||
&.hidden
|
||||
visibility hidden
|
||||
|
||||
.rangeMode .flatpickr-day
|
||||
margin-top 1px
|
||||
|
||||
.flatpickr-weekwrapper
|
||||
float left
|
||||
|
||||
.flatpickr-weeks
|
||||
padding 0 12px
|
||||
if $noCalendarBorder is defined
|
||||
border-left 1px solid $calendarBorderColor
|
||||
else
|
||||
box-shadow 1px 0 0 $calendarBorderColor
|
||||
|
||||
.flatpickr-weekday
|
||||
float none
|
||||
width 100%
|
||||
line-height $weekdaysHeight
|
||||
|
||||
span.flatpickr-day
|
||||
&, &:hover
|
||||
display block
|
||||
width 100%
|
||||
max-width none
|
||||
color alpha($dayForeground, 0.3)
|
||||
background transparent
|
||||
cursor default
|
||||
border none
|
||||
|
||||
|
||||
.flatpickr-innerContainer
|
||||
display block
|
||||
display flex
|
||||
box-sizing border-box
|
||||
overflow: hidden;
|
||||
|
||||
if $noCalendarBorder is defined
|
||||
background $calendarBackground
|
||||
border-bottom 1px solid $calendarBorderColor
|
||||
|
||||
|
||||
.flatpickr-rContainer
|
||||
display inline-block
|
||||
padding 0
|
||||
box-sizing border-box
|
||||
|
||||
|
||||
.flatpickr-time
|
||||
text-align center
|
||||
outline 0
|
||||
display block
|
||||
height 0 // hide initially
|
||||
line-height $timeHeight
|
||||
max-height $timeHeight
|
||||
box-sizing border-box
|
||||
overflow hidden
|
||||
display flex
|
||||
|
||||
if $noCalendarBorder is defined
|
||||
background $calendarBackground
|
||||
border-radius 0 0 5px 5px
|
||||
|
||||
&:after
|
||||
content ""
|
||||
display table
|
||||
clear both
|
||||
|
||||
.numInputWrapper
|
||||
flex 1
|
||||
width 40%
|
||||
height $timeHeight
|
||||
float left
|
||||
|
||||
span.arrowUp:after
|
||||
border-bottom-color $dayForeground
|
||||
|
||||
span.arrowDown:after
|
||||
border-top-color $dayForeground
|
||||
|
||||
&.hasSeconds .numInputWrapper
|
||||
width 26%
|
||||
|
||||
&.time24hr .numInputWrapper
|
||||
width 49%
|
||||
|
||||
input
|
||||
background transparent
|
||||
box-shadow none
|
||||
border 0
|
||||
border-radius 0
|
||||
text-align center
|
||||
margin 0
|
||||
padding 0
|
||||
height inherit
|
||||
line-height inherit
|
||||
color $dayForeground
|
||||
font-size 14px
|
||||
position relative
|
||||
box-sizing border-box
|
||||
-webkit-appearance textfield
|
||||
-moz-appearance textfield
|
||||
appearance textfield
|
||||
|
||||
|
||||
&.flatpickr-hour
|
||||
font-weight bold
|
||||
|
||||
&.flatpickr-minute, &.flatpickr-second
|
||||
font-weight 400
|
||||
|
||||
&:focus
|
||||
outline 0
|
||||
border 0
|
||||
|
||||
.flatpickr-time-separator, .flatpickr-am-pm
|
||||
height inherit
|
||||
float left
|
||||
line-height inherit
|
||||
color $dayForeground
|
||||
font-weight bold
|
||||
width 2%
|
||||
user-select none
|
||||
align-self center
|
||||
|
||||
.flatpickr-am-pm
|
||||
outline 0
|
||||
width 18%
|
||||
cursor pointer
|
||||
text-align center
|
||||
font-weight 400
|
||||
|
||||
input, .flatpickr-am-pm
|
||||
&:hover, &:focus
|
||||
background lighten($dayHoverBackground, 3)
|
||||
|
||||
.flatpickr-input[readonly]
|
||||
cursor pointer
|
||||
14
node_modules/flatpickr/src/style/ie.styl
generated
vendored
Normal file
14
node_modules/flatpickr/src/style/ie.styl
generated
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
@require "./_vars.styl"
|
||||
|
||||
span.flatpickr-weekday
|
||||
display: inline-block;
|
||||
width: 14.2857143%
|
||||
|
||||
|
||||
span.flatpickr-day
|
||||
width: 14.2857143%;
|
||||
margin: 0 (($daysWidth - $daySize*7)/14)
|
||||
|
||||
@media screen and (min-width:unquote("0\0"))
|
||||
div.flatpickr-current-month
|
||||
padding-top: 0px !important
|
||||
87
node_modules/flatpickr/src/style/themes/airbnb.styl
generated
vendored
Normal file
87
node_modules/flatpickr/src/style/themes/airbnb.styl
generated
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = #eee
|
||||
|
||||
$monthForeground = #3c3f40
|
||||
$monthBackground = transparent
|
||||
|
||||
$weekdaysBackground = transparent
|
||||
$weekdays_color = #757575
|
||||
|
||||
$dayForeground = #404848
|
||||
$dayHoverBackground = #e9e9e9
|
||||
$disabled_border_color = $dayHoverBackground
|
||||
|
||||
$disabled_day_color = alpha(black, 0.15)
|
||||
|
||||
$todayColor = #F64747
|
||||
$today_fg_color = #fff
|
||||
|
||||
$selectedDayBackground = #4f99ff
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
@require "../flatpickr"
|
||||
|
||||
.flatpickr-calendar
|
||||
width $daysWidth
|
||||
|
||||
.dayContainer
|
||||
padding 0
|
||||
border-right 0
|
||||
|
||||
span.flatpickr-day
|
||||
&, &.prevMonthDay, &.nextMonthDay
|
||||
border-radius 0 !important
|
||||
border 1px solid $dayHoverBackground
|
||||
max-width none
|
||||
border-right-color transparent
|
||||
|
||||
&:nth-child(n+8)
|
||||
border-top-color transparent
|
||||
|
||||
&:nth-child(7n-6)
|
||||
border-left 0
|
||||
|
||||
&:nth-child(n+36)
|
||||
border-bottom 0
|
||||
|
||||
&:nth-child(-n+7)
|
||||
margin-top 0
|
||||
|
||||
&.today:not(.selected)
|
||||
border-color $dayHoverBackground
|
||||
border-right-color transparent
|
||||
border-top-color transparent
|
||||
border-bottom-color $todayColor
|
||||
|
||||
&:hover
|
||||
border 1px solid $todayColor
|
||||
|
||||
&.startRange, &.endRange
|
||||
border-color $selectedDayBackground
|
||||
|
||||
|
||||
&.today, &.selected
|
||||
z-index 2
|
||||
|
||||
.rangeMode .flatpickr-day
|
||||
margin-top -1px
|
||||
|
||||
.flatpickr-weekwrapper .flatpickr-weeks
|
||||
box-shadow none
|
||||
|
||||
.flatpickr-weekwrapper span.flatpickr-day
|
||||
border 0
|
||||
margin -1px 0 0 -1px
|
||||
|
||||
|
||||
.hasWeeks .flatpickr-days
|
||||
border-right 0
|
||||
|
||||
@css {
|
||||
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
|
||||
span.flatpickr-day {
|
||||
display: block;
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
18
node_modules/flatpickr/src/style/themes/confetti.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/confetti.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = alpha(#484848, 0.1)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #FFB866
|
||||
|
||||
$weekdaysBackground = #FFB866
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #FFB866
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
18
node_modules/flatpickr/src/style/themes/dark.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/dark.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #3f4458
|
||||
$calendarBorderColor = darken(#3f4458, 50%)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #3f4458
|
||||
|
||||
$weekdaysBackground = transparent
|
||||
$weekdaysForeground = #fff
|
||||
|
||||
$dayForeground = alpha(white, 0.95)
|
||||
$dayHoverBackground = lighten($calendarBackground, 25%)
|
||||
|
||||
$todayColor = #eee
|
||||
$today_fg_color = #3f4458
|
||||
|
||||
$selectedDayBackground = #80CBC4
|
||||
|
||||
@require "../flatpickr"
|
||||
22
node_modules/flatpickr/src/style/themes/light.styl
generated
vendored
Normal file
22
node_modules/flatpickr/src/style/themes/light.styl
generated
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = #eceef1
|
||||
|
||||
$monthForeground = #5a6171
|
||||
$monthBackground = #eceef1
|
||||
|
||||
$weekdaysBackground = #eceef1
|
||||
$weekdaysForeground = #5a6171
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #FF5A5F
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
|
||||
span.flatpickr-day.selected
|
||||
font-weight bold
|
||||
18
node_modules/flatpickr/src/style/themes/material_blue.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/material_blue.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = alpha(#484848, 0.2)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #42A5F5
|
||||
|
||||
$weekdaysBackground = #42A5F5
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #42A5F5
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
18
node_modules/flatpickr/src/style/themes/material_green.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/material_green.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = alpha(#484848, 0.2)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #1BBC9B
|
||||
|
||||
$weekdaysBackground = #1BBC9B
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #1BBC9B
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
18
node_modules/flatpickr/src/style/themes/material_orange.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/material_orange.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = alpha(#484848, 0.2)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #FF8A65
|
||||
|
||||
$weekdaysBackground = #FF8A65
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #FF8A65
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
18
node_modules/flatpickr/src/style/themes/material_red.styl
generated
vendored
Normal file
18
node_modules/flatpickr/src/style/themes/material_red.styl
generated
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
$calendarBackground = #fff
|
||||
$calendarBorderColor = alpha(#484848, 0.2)
|
||||
|
||||
$monthForeground = #fff
|
||||
$monthBackground = #EF5350
|
||||
|
||||
$weekdaysBackground = #EF5350
|
||||
|
||||
$dayForeground = #484848
|
||||
$dayHoverBackground = #e2e2e2
|
||||
|
||||
$todayColor = #bbb
|
||||
|
||||
$selectedDayBackground = #EF5350
|
||||
$selectedDayForeground = #fff
|
||||
|
||||
$noCalendarBorder = true
|
||||
@require "../flatpickr"
|
||||
Reference in New Issue
Block a user