@extends('layouts.tenant.layout_1.app')

@section('page_css')
<link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
<style type="text/css">
.fc-event {
    cursor: pointer;
}
</style>
@stop

@include('calendar.ms365._add')

@section('page_js')
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
<script src="/metro/vendor/moment/moment.min.js"></script>
<script>
$('#txtStartDate, #txtEndDate').datepicker({
    // showOn: "both",
    beforeShow: customRange,
    dateFormat: "mm-dd-yy",
});

function customRange(input) {

    if (input.id == 'txtEndDate') {
        var minDate = new Date($('#txtStartDate').val());
        minDate.setDate(minDate.getDate() + 1)

        return {
            minDate: minDate

        };
    }

}
</script>
@stop