Uncaught TypeError: Cannot read properties of undefined (reading 'msie')

I got this following error for jquery ui datepicker "Uncaught TypeError: Cannot read properties of undefined (reading 'msie')".

CODE:

<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>

<link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.20/themes/base/jquery-ui.css" rel="stylesheet" />

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">



    jQuery.browser = {};

    (function () {

        jQuery.browser.msie = false;

        jQuery.browser.version = 0;

        if (navigator.userAgent.match(/MSIE ([0-9]+)\./)) {

            jQuery.browser.msie = true;

            jQuery.browser.version = RegExp.$1;

        }

    })();



    $(document).ready(function () {

        $("#DOB").datepicker();

    });



</script>

VIDEO GUIDE: