Caleran Error
Error no espera el botón seleccionar
by Alejandro Hernández
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"></script>
<input type="text" class="caleran"></input>
CSS
.caleran-container,
.caleran-container-mobile {
font-size: 15px;
float: left;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 9999
}
.caleran-container:focus,
.caleran-container-mobile:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none
}
.caleran-container .caleran-input,
.caleran-container-mobile .caleran-input {
margin: 5px;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
background: white;
-webkit-box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 13px -5px rgba(0, 0, 0, 0.4);
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.caleran-container .caleran-input.caleran-input-vertical-range,
.caleran-container-mobile .caleran-input.caleran-input-vertical-range {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.caleran-container .caleran-input.caleran-input-vertical-range .caleran-left,
.caleran-container-mobile .caleran-input.caleran-input-vertical-range .caleran-left {
border-right: 1px solid #ddd
}
.caleran-container .caleran-input.caleran-input-vertical-range .caleran-right,
.caleran-container-mobile .caleran-input.caleran-input-vertical-range .caleran-right {
background: #fff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.caleran-container .caleran-input.caleran-input-vertical-range .caleran-right .caleran-ranges,
.caleran-container-mobile .caleran-input.caleran-input-vertical-range .caleran-right .caleran-ranges {
border-top: none;
display:...
JavaScript
! function(a, b, c, d) {
var e = function(b, c) {
this.elem = b, this.$elem = a(b), this.options = c, this.metadata = this.$elem.data("plugin-options")
};
e.prototype = {
public: function() {
return {
startDate: moment().startOf("day"),
endDate: moment().startOf("day"),
format: "L",
dateSeparator: " - ",
calendarCount: 2,
inline: !1,
minDate: null,
maxDate: null,
showHeader: !0,
showFooter: !0,
rangeOrientation: "horizontal",
verticalRangeWidth: 180,
showButtons: !1,
startOnMonday: !1,
container: "body",
oneCalendarWidth: 230,
enableKeyboard: !0,
showOn: "bottom",
arrowOn: "left",
autoAlign: !0,
locale: moment.locale(),
singleDate: !1,
target: null,
autoCloseOnSelect: !1,
startEmpty: !1,
ranges: [{
title: "Today",
startDate: moment(),
endDate: moment()
}, {
title: "3 Days",
startDate: moment(),
endDate: moment().add(2, "days")
}, {
title: "5 Days",
startDate: moment(),
endDate: moment().add(4, "days")
}, {
title: "1 Week",
startDate: moment(),
endDate: moment().add(6, "days")
}, {
title: "Till Next Week",
startDate: moment(),
endDate: moment().endOf("week")
}, {
title: "Till Next Month",
startDate: moment(),
endDate: moment().endOf("month")
}],
rangeLabel: "Ranges: ",
cancelLabel: "Cancel",
applyLabel: "Apply",
onbeforeselect: function() {
return !0
},
onafterselect: function() {},
onbeforeshow: function() {},
onbeforehide: function() {},
onaftershow: function() {},
onafterhide: function() {},
onfirstselect: function()...