Here is an example of using the Date Multi 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-multi-period-picker label="Period Set"><uwc-date-multi-period-picker>
</body>
</html>