将输入变成类似元素的按钮

Question

我需要将输入（在我的情况下为type = date）转换为样式元素之类的按钮，该按钮将附加到常规文本输入中。

为什么？

• 我想保留type = text输入的日期
• 我想访问本机datepicker（在移动设备上）

我确实知道，这不是最好的方法，但在我的特定情况下会做到，我也知道jquery datepicker等。

我刚刚开始使用它，我的目标是使输入看起来像静态元素。我的前端不好，所以需要帮助。

--- in scss

.input-transform {
    &::-webkit-calendar-picker-indicator,
    &::-webkit-inner-spin-button,
    &::-webkit-clear-button {
        display: none;
        -webkit-appearance: none;        
    }
    color: transparent;
    background-color: transparent;
    &:focus {
        outline: none;
        color: transparent;
    }
    border: 1px solid gray;

    // Icon in input
    position:relative;
    &::before {
    content: "\f073"; 
    font-family: 'Font Awesome\ 5 Free';
    left: 5px;
    position: absolute;
    color: #CF0000;
    top:0;
    }
}