Viewing file:  7fce94ed3d2ca294b40d7fa5bda24aed.php (2.48 KB) -rwxrwxrwx
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<v-date-picker <?php echo e($attributes); ?>>
<?php echo e($slot); ?>
</v-date-picker>
<?php if (! $__env->hasRenderedOnce('e217cadb-e2ad-4ac6-9056-76259fb84be4')): $__env->markAsRenderedOnce('e217cadb-e2ad-4ac6-9056-76259fb84be4');
$__env->startPush('scripts'); ?>
<script
type="text/x-template"
id="v-date-picker-template"
>
<span class="relative inline-block w-full">
<slot></slot>
<i class="icon-calendar pointer-events-none absolute top-1/2 -translate-y-1/2 text-2xl text-gray-400 ltr:right-2 rtl:left-2"></i>
</span>
</script>
<script type="module">
app.component('v-date-picker', {
template: '#v-date-picker-template',
props: {
name: String,
value: String,
allowInput: {
type: Boolean,
default: true,
},
disable: Array,
minDate: String,
maxDate: String,
},
data: function() {
return {
datepicker: null
};
},
mounted: function() {
let options = this.setOptions();
this.activate(options);
},
methods: {
setOptions: function() {
let self = this;
return {
allowInput: this.allowInput ?? true,
disable: this.disable ?? [],
minDate: this.minDate ?? '',
maxDate: this.maxDate ?? '',
altFormat: "Y-m-d",
dateFormat: "Y-m-d",
weekNumbers: true,
onChange: function(selectedDates, dateStr, instance) {
self.$emit("onChange", dateStr);
}
};
},
activate: function(options) {
let element = this.$el.getElementsByTagName("input")[0];
this.datepicker = new Flatpickr(element, options);
},
clear: function() {
this.datepicker.clear();
}
}
});
</script>
<?php $__env->stopPush(); endif; ?>
<?php /**PATH /var/www/html/laravel-crm/packages/Webkul/Admin/src/Providers/../Resources/views/components/flat-picker/date.blade.php ENDPATH**/ ?>
|