@luftborn/custom-elements 2.8.3 → 2.8.4

package/demo/index.min.js

@@ -2995,7 +2995,8 @@ var CustomDatepicker = /** @class */ (function () {
         this.lastDayOfMonth = new Date(this.currentYear, this.currentMonth + 1, 0);
         this.firstDay = this.firstDayOfMonth.getDay();
         this.lastDay = this.lastDayOfMonth.getDate();
-        this.months = (0, DatepickerTranslations_1.GetMonths)(options.language);
+        this.language = options.language || 'en';
+        this.months = (0, DatepickerTranslations_1.GetMonths)(this.language);
         this.daysOfWeek = (0, DatepickerTranslations_1.GetWeekdays)(options.language, 'short');
         this.createDatePickerElements();
         this.renderCalendar();
@@ -3082,7 +3083,8 @@ var CustomDatepicker = /** @class */ (function () {
     };
     CustomDatepicker.prototype.renderCalendar = function () {
         var _this = this;
-        this.monthYear.innerHTML = this.months[this.currentMonth] + ' ' + this.currentYear;
+        var monthName = this.months[this.currentMonth];
+        this.monthYear.innerHTML = monthName.charAt(0).toUpperCase() + monthName.slice(1) + ' ' + this.currentYear;
         this.weekdays.innerHTML = '';
         for (var i = 0; i < this.daysOfWeek.length; i++) {
             var span = document.createElement('span');
@@ -3133,7 +3135,7 @@ var CustomDatepicker = /** @class */ (function () {
                     selectedDayElement.classList.remove('selected-day');
                 }
                 span.classList.add('selected-day');
-                var formattedDate = (0, CustomDatepickerUtils_1.formatDate)(_this.selectedDate, _this.dateFormat);
+                var formattedDate = (0, CustomDatepickerUtils_1.formatDate)(_this.selectedDate, _this.dateFormat, _this.language);
                 _this.input.value = formattedDate;
                 _this.showPicker(false);
             };
@@ -3271,7 +3273,7 @@ var CustomDatepicker = /** @class */ (function () {
         }
     };
     CustomDatepicker.prototype.setDateForToday = function () {
-        this.input.value = (0, CustomDatepickerUtils_1.formatDate)(this.selectedDate, this.dateFormat);
+        this.input.value = (0, CustomDatepickerUtils_1.formatDate)(this.selectedDate, this.dateFormat, this.language);
         this.showPicker(false);
     };
     CustomDatepicker.prototype.addEventListeners = function () {
@@ -3314,6 +3316,7 @@ exports.CustomDatepickerStyles = "\n    .datepicker {\n        position: fixed;\
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isMobileDevice = exports.formatDate = exports.supportedDateFormats = exports.defaultDateFormat = exports.daysOfWeek = exports.months = void 0;
+var DatepickerTranslations_1 = require("./DatepickerTranslations");
 exports.months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
 exports.daysOfWeek = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
 exports.defaultDateFormat = 'yyyy-mm-dd';
@@ -3330,11 +3333,13 @@ exports.supportedDateFormats = [
     'mm/dd/yy',
     'dd/mm/yy',
 ];
-function formatDate(date, dateFormat) {
+function formatDate(date, dateFormat, language) {
+    if (language === void 0) { language = 'en'; }
     var year = date.getFullYear();
     var month = (date.getMonth() + 1).toString().padStart(2, '0');
     var day = date.getDate().toString().padStart(2, '0');
-    var monthName = date.toLocaleString('default', { month: 'long' });
+    var monthName = (0, DatepickerTranslations_1.GetMonths)(language)[date.getMonth()];
+    var capitalizedMonthName = monthName.charAt(0).toUpperCase() + monthName.slice(1);
     var dateFormats = {
         'ddmmyyyy': "" + day + month + year,
         'mmddyyyy': "" + month + day + year,
@@ -3344,7 +3349,7 @@ function formatDate(date, dateFormat) {
         'mm-dd-yyyy': month + "-" + day + "-" + year,
         'yyyy-mm-dd': year + "-" + month + "-" + day,
         'yyyy-dd-mm': year + "-" + day + "-" + month,
-        'Month dd, yyyy': monthName + " " + day + ", " + year,
+        'Month dd, yyyy': capitalizedMonthName + " " + day + ", " + year,
         'mm/dd/yy': month + "/" + day + "/" + year.toString().slice(-2),
         'dd/mm/yy': day + "/" + month + "/" + year.toString().slice(-2),
     };
@@ -3356,7 +3361,7 @@ function isMobileDevice() {
 }
 exports.isMobileDevice = isMobileDevice;
 
-},{}],18:[function(require,module,exports){
+},{"./DatepickerTranslations":18}],18:[function(require,module,exports){
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GetMonths = exports.GetWeekdays = void 0;