joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
94 lines (92 loc) • 3.54 kB
CSS
.jw-datarange {
line-height: 40px;
background: #f5f5f5;
}
.jw-datarange .jw-datarange-c {
margin-right: 35px;
}
.jw-datarange .jw-datarange-start {
display: inline-block;
width: 45%;
text-align: center;
}
.jw-datarange .jw-datarange-start input {
text-align: center;
}
.jw-datarange .jw-datarange-start > div:before {
display: none ;
}
.jw-datarange .jw-datarange-start > div:after {
display: none ;
}
.jw-datarange .jw-datarange-end {
display: inline-block;
width: 45%;
text-align: center;
}
.jw-datarange .jw-datarange-end input {
text-align: center;
}
.jw-datarange .jw-datarange-end > div:before {
display: none ;
}
.jw-datarange .jw-datarange-end > div:after {
display: none ;
}
.jw-datarange .jw-datarange-sep {
display: inline-block;
}
.jw-datarange .jw-datarange-icon {
float: right;
width: 15px;
height: 16px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAAdZJREFUSA1jZEAD1dXVJn/+/DkFEmZkZPzZ0dHBiaYEL7e8vNwXqGAjVNGDzs5OJWwamLAJAsUYoRiXPA5tDAxMTEwwvUB3M+LUj1MCp8lUkgC5jqGhoUHqx48f8UCm2v///0WBtDdIHOjif0BqMYhNApAFmuEEVf8VaMYaIP8HMCROGhoaLgoLC/sLkmOsrKzUAEocAWJhEgwnV+leTk5ON6BH/zEBLeyik6Ugxzr//PkzGsQAxbEViEEvAPQk2D6Qxbz0shRkD9BiPhA9YKl6wCxmAXkbBoBJ3huIL8L41KL//v1bBQziLGTz0C1+1dra+hRZATXYFRUVn9HNGbCgHrUYPSpoxkdJXKTYAqpYgMUfuDDApk9ISOhxaWnpV2xyIDGyLQbWZhOAWSQUl8Hv37/3AsptxyU/mrhwhQzVxUeDmupBisvAAQtqsvMxsPps+vfv3wxcPmJjY7uASw4kTrbFbW1tV/AZTEhu4IIaWOyBG9ggFwJbCj7AdrY2IdeSKg+0QxemB9jA/wNiswAZN4AShiAOkK4HYhCTZgBo/k2Q4UxAi/tpZgumwR+YmZnng4SZjxw5csnW1hbUzlIHOkIIUy1VRH4AzT4GNCkC2O29AzIRAOXvj8SVkSG/AAAAAElFTkSuQmCC) no-repeat;
background-size: cover;
margin: 12px 10px 0 0;
}
.jw-datetimerange {
line-height: 40px;
background: #f5f5f5;
}
.jw-datetimerange .jw-datetimerange-c {
margin-right: 35px;
}
.jw-datetimerange .jw-datetimerange-start {
display: inline-block;
width: 45%;
text-align: center;
}
.jw-datetimerange .jw-datetimerange-start input {
text-align: center;
}
.jw-datetimerange .jw-datetimerange-start > div:before {
display: none ;
}
.jw-datetimerange .jw-datetimerange-start > div:after {
display: none ;
}
.jw-datetimerange .jw-datetimerange-end {
display: inline-block;
width: 45%;
text-align: center;
}
.jw-datetimerange .jw-datetimerange-end input {
text-align: center;
}
.jw-datetimerange .jw-datetimerange-end > div:before {
display: none ;
}
.jw-datetimerange .jw-datetimerange-end > div:after {
display: none ;
}
.jw-datetimerange .jw-datetimerange-sep {
display: inline-block;
}
.jw-datetimerange .jw-datetimerange-icon {
float: right;
width: 15px;
height: 16px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAAdZJREFUSA1jZEAD1dXVJn/+/DkFEmZkZPzZ0dHBiaYEL7e8vNwXqGAjVNGDzs5OJWwamLAJAsUYoRiXPA5tDAxMTEwwvUB3M+LUj1MCp8lUkgC5jqGhoUHqx48f8UCm2v///0WBtDdIHOjif0BqMYhNApAFmuEEVf8VaMYaIP8HMCROGhoaLgoLC/sLkmOsrKzUAEocAWJhEgwnV+leTk5ON6BH/zEBLeyik6Ugxzr//PkzGsQAxbEViEEvAPQk2D6Qxbz0shRkD9BiPhA9YKl6wCxmAXkbBoBJ3huIL8L41KL//v1bBQziLGTz0C1+1dra+hRZATXYFRUVn9HNGbCgHrUYPSpoxkdJXKTYAqpYgMUfuDDApk9ISOhxaWnpV2xyIDGyLQbWZhOAWSQUl8Hv37/3AsptxyU/mrhwhQzVxUeDmupBisvAAQtqsvMxsPps+vfv3wxcPmJjY7uASw4kTrbFbW1tV/AZTEhu4IIaWOyBG9ggFwJbCj7AdrY2IdeSKg+0QxemB9jA/wNiswAZN4AShiAOkK4HYhCTZgBo/k2Q4UxAi/tpZgumwR+YmZnng4SZjxw5csnW1hbUzlIHOkIIUy1VRH4AzT4GNCkC2O29AzIRAOXvj8SVkSG/AAAAAElFTkSuQmCC) no-repeat;
background-size: cover;
margin: 12px 10px 0 0;
}