I am try to use input type= time and input type=date on safari. I install polyfill for time input and for date-time-input polyfil but both seems to be not working. I have created a empty stencil component application and in html just added below code and run on mac machine on safari.
!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=Edge" />
<meta name="viewport" http-equiv="x-ua-compatible" content="IE=Edge" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>Stencil Component Starter</title>
<script src="https://cdn.jsdelivr.net/npm/time-input-polyfill"></script>
<script type="module" src="/build/time.esm.js"></script>
<script nomodule src="/build/time.js"></script>
</head>
<body>
Hello
<input type="time"></input>
<my-component first="Stencil" last="'Don't call me a framework' JS"></my-component>
</body>
</html>