Angular中Kendo-DatePicker格式的首字母如何大写？

Question

我有一个 kendo-datepicker，它总是在字段中显示格式，如下所示。

但我想将其自定义为 Month/Day/Year。首字母大写。可以这样定制吗

.html

<form [formGroup]="myForm">

    <label for="address" class="col-sm-2 col-form-label">Date</label>
    
     <div class="col-sm-4">
    
         <kendo-datepicker formControlName="startingDate" format="MM/dd/yyyy">
         </kendo-datepicker>
    
      </div>
 </form>

.ts

myForm: FormGroup = new FormGroup({
    startingDate: new FormControl(""),
  });

Answer 1

我会覆盖 css 的日期输入。像这样：

.k-dateinput > .k-input-inner {
    text-transform: capitalize;
}

工作示例：Capitalize date format in form group

Answer 2

已通过覆盖 k-input CSS class.

修复

 :host::ng-deep .k-input {
        text-transform: capitalize;
      }