Styling not working

[syamimhazmi]

Hi, currently I'm using jquery multidatepicker for full years. But the styling is not working on me. Here is the result that I get.

And here is asset. Am I missing something? `

<script src="<?= base_url('res/js/jquery.min.js') ?>" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<script src="<?= base_url('res/js/Moment.js') ?>" type="text/javascript"></script>
<script src="<?= base_url('res/js/bootstrap.min.js') ?>"></script>
<script src="<?= base_url('res/js/metisMenu.min.js') ?>"></script>
<script src="<?= base_url('res/js/sb-admin-2.js') ?>"></script>
<script src="<?= base_url('res/kartik-v_bootstrap-fileinput/js/fileinput.min.js') ?>" type="text/javascript"></script>
<script src="<?= base_url('res/js/bootstrap-datetimepicker.min.js') ?>" type="text/javascript"></script>
<script src="<?= base_url('res/js/sam_admin.js') ?>" type="text/javascript"></script>
<script src="<?= base_url('res/js/setupCall.js') ?>" type="text/javascript"></script>
<!-- <script src="<?= base_url('res/js/bootstrap-datepicker.js') ?>" type="text/javascript"></script> -->
<script src="<?= base_url('res/js/bootstrap-year-calendar.min.js') ?>" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.1/js/bootstrap-select.min.js" type="text/javascript"></script>

<script src="<?= base_url('res/js/jquery-ui.multidatespicker.js') ?>" type="text/javascript"></script>

<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

<!-- DataTables JavaScript -->
<script src="<?= base_url('res/js/jquery.dataTables.min.js') ?>"></script>
<script src="<?= base_url('res/js/dataTables.bootstrap.min.js') ?>"></script>

` Thanks

[barankaraboga]

You should define jQuery UI Css into your app. Or use this css file instead of default jquery-ui.multidatespicker.css

[syamimhazmi]

I already put jquery UI css. still its not working.

I put at the top before js

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylehsheet">

Anyway, your custom css is working on my apps. Thank you very much! 😄