Here is an example of using the Period Picker in a plain html page:
<html>
<head>
<link href="https://developer.temenos.com/uux/base.css" rel="stylesheet" />
<script src="https://developer.temenos.com/uux/unified-ux-web.min.js"></script>
</head>
<body>
<uwc-date-period-picker label="Next Date" periodType="Cancel"> </uwc-date-period-picker>
</body>
</html>