Enhance datepicker UX: position above input with proper styling

- Added CSS positioning to display inline datepicker above input field
- Enhanced datepicker styling with background, border and shadow
- Improved template with datepicker-above class for better positioning
- Maintains Bootstrap 5 compatibility and inline mode functionality

This provides a better user experience by preventing the datepicker
from appearing below and potentially being cut off by page boundaries.

dist/jquery-editable/js/jquery-editable-poshytip.js

@@ -1503,7 +1503,10 @@ Makes editable any HTML element on the page. Applied as jQuery method.
             this.input = $.fn.editableutils.createInput(this.options);
             if(!this.input) {
                 return; 
-            }            
+            }
+            
+            // Set the editable's type from the input's type
+            this.type = this.input.type;            
 
             //set value from settings or by element's text
             if (this.options.value === undefined || this.options.value === null) {