diff --git a/app/static/css/createEvent.css b/app/static/css/createEvent.css index 76cf85c95..51936d3a5 100644 --- a/app/static/css/createEvent.css +++ b/app/static/css/createEvent.css @@ -1,9 +1,9 @@ .toggleHeader{ padding-bottom: 10px; - font-weight: bold; + font-weight: bold; text-align: center; margin-left: 50%; /* Position the header at 50% of the viewport width */ - transform: translateX(-50%); + transform: translateX(-50%); width: 170px } .columnDivide{ @@ -12,14 +12,17 @@ margin-left: 10px; margin-right: -30px; }.addMultipleBtn{ - border-radius: 5px; - margin-left: auto; + border-radius: 5px; + margin-left: auto; margin-right: auto; } .deleteOfferingBtn{ border-radius: 5px; position:relative; +.deleteRow{ + border-radius: 5px; + position:relative; top: 12px; } .invalidFeedback { @@ -49,9 +52,12 @@ } } .border-red { - border: 2px solid red; + border: 2px solid red; } .divStripes { background-color: #fff } +#ui-datepicker-div { + z-index: 4000 !important; +} diff --git a/app/static/js/createEvents.js b/app/static/js/createEvents.js index 615dc3841..b3c0b8c0b 100644 --- a/app/static/js/createEvents.js +++ b/app/static/js/createEvents.js @@ -283,6 +283,22 @@ $(document).ready(function() { $("#checkBonners").prop('checked', true); } } + +// Initialize datepicker for multiple offering modal +$(".multipleOfferingDatePicker").datepicker({ + dateFormat: 'mm/dd/yy', + minDate: new Date(), + onSelect: function() { + $(this).focus(); + } +}); + +$(document).on('click', '.input-group-text, .multipleOfferingDatePicker', function (e) { + // Prevent click from showing datepicker when it's not the datepicker or calendar icon + e.stopPropagation(); + $(this).closest('.input-group').find('.multipleOfferingDatePicker').datepicker('show'); +}); + // Initialize datepicker with proper options $.datepicker.setDefaults({ dateFormat: 'yy/mm/dd', // Ensures compatibility across browsers