JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<div id="result"></div>

CSS

body {
	width: 100vw;
	height: 100vh;
	margin: 0;
	font-family: sans-serif;
	font-size: 500%;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#result {
	background: linear-gradient(40deg, #ffd86f, #fc6262);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

JavaScript

var dates = [
    '12/30/2019',
    '01/31/2020',
    '03/02/2020',
];

var sum = 0;
dates.forEach(function(date) {
    sum += moment(date).unix()
});

var avarage_date = sum / dates.length * 1000;
document.getElementById('result').innerHTML = moment(avarage_date).format('MM-DD-YYYY');