گر فتن تاریخ شمسی از کاربر به جای میلادی در input html

بسرچpersian-datepicker.js .

سلام میتونی از این PersianDatePicker استفاده کنی

سلام
من خودم معمولا از این تاریخ شمسی استفاده میکنم
که از کدهای js, html, css استفاده کردم

<html,java script>  
<!-- date ==> html , js , css -->  
<div id="datebox"></div>

<script>  
let persianMonths = \[  
"فروردین",  
"اردیبهشت",  
"خرداد",  
"تیر",  
"مرداد",  
"شهریور",  
"مهر",  
"آبان",  
"آذر",  
"دی",  
"بهمن",  
"اسفند",  
\];

const getPersianDate = (date) => {  
let newDate = moment(date);  
let year = newDate.jYear();  
let month = persianMonths\[newDate.jMonth()\];  
let day = newDate.jDate();

return `${day} ${month} ${year}`;

};  
document.getElementById("datebox").innerHTML =  
getPersianDate();  
</script>

<css>  
/ *date ==> html , js , css* /

# datebox {

width: 180px;
height: 50px;
background-color: #1b344c;
backdrop-filter: blur(3px);
border-radius: 10px;
box-shadow: 0 0 37px #e7af4a;
display: inline;
font-size: 1.2rem;
color: white;
text-shadow: 0 0 16px #000000;
animation-name: shain;
animation-iteration-count: infinite;
 animation-duration: 2s;
padding: 10px 10px;
margin: 0px 10px;
    }

@keyframes shain {  
0% {  
box-shadow: 0 0 5px #f57e47;  
}  
100% {  
box-shadow: 0 0 80px #e7b04a00;  
}  
}  

ولی پیشنهادم اینه که بجای استفاده از کدهای آماده از استعداد خودتون استفاده کنید
بدرود...