@coding-wisely/vue-tailwind-datepicker
Version:
Datepicker component based on Tailwind.css and Vue.js
59 lines (47 loc) • 987 B
HTML
<html>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style>
/* -----
SVG Icons - svgicons.sparkk.fr
----- */
.svg-icon {
width: 1em;
height: 1em;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
.slide-leave-active,
.slide-enter-active {
transition: 1s;
}
.slide-enter {
transform: translate(-100%, 0);
}
.slide-leave-to {
transform: translate(-100%, 0);
}
.open {
position: absolute;
left: 0;
transition: all .3s ease;
}
</style>
<body>
<div id="app">
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script>
new Vue({
el: '#app',
})
</script>
</body>
</html>