JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.3/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.0.3/sweetalert2.css">
<script src="https://vlv.kaigostudio.de/js/datepicker.min.js"></script>
<link rel="stylesheet" href="https://vlv.kaigostudio.de/style/datepicker.min.css">
<button>
Click me!
</button>

JavaScript

$(document).ready(function()
        {
         $('button').click(function(){
				 swal({
				 	html: ' <input data-toggle="datepicker" type="text" id="#swal-input1" class="swal2-input">',
					confirmButtonText: 'Next &rarr;',
                    showCancelButton: true,
                    onOpen: function() {
                        $('[data-toggle="datepicker"]').datepicker({
                            startView: 2,
                            autoHide: true,
                            inline: true,
                        });
                    },
				 				});
				 });
        
        });