diff --git a/index.html b/index.html
index 3f97d323b8..105b2d49e0 100644
--- a/index.html
+++ b/index.html
@@ -195,6 +195,7 @@
         ));
         openmct.install(openmct.plugins.Clock({ enableClockIndicator: true }));
         openmct.install(openmct.plugins.Timer());
+        openmct.install(openmct.plugins.Timelist());
         openmct.start();
     </script>
 </html>
diff --git a/src/plugins/folderView/components/ListView.vue b/src/plugins/folderView/components/ListView.vue
index 3a1b22dd89..1811b91701 100644
--- a/src/plugins/folderView/components/ListView.vue
+++ b/src/plugins/folderView/components/ListView.vue
@@ -1,5 +1,5 @@
 <template>
-<div class="c-table c-table--sortable c-list-view">
+<div class="c-table c-table--sortable c-list-view c-list-view--sticky-header c-list-view--selectable">
     <table class="c-table__body">
         <thead class="c-table__header">
             <tr>
diff --git a/src/plugins/folderView/components/list-view.scss b/src/plugins/folderView/components/list-view.scss
deleted file mode 100644
index 8b73cf3c7c..0000000000
--- a/src/plugins/folderView/components/list-view.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-/******************************* LIST VIEW */
-.c-list-view {
-    overflow-x: auto !important;
-    overflow-y: auto;
-
-    tbody tr {
-        background: $colorListItemBg;
-        transition: $transOut;
-    }
-
-    body.desktop & {
-        tbody tr {
-            cursor: pointer;
-
-            &:hover {
-                background: $colorListItemBgHov;
-                filter: $filterHov;
-                transition: $transIn;
-            }
-        }
-    }
-
-    td {
-        $p: floor($interiorMargin * 1.5);
-        @include ellipsize();
-        line-height: 120%; // Needed for icon alignment
-        max-width: 0;
-        padding-top: $p;
-        padding-bottom: $p;
-        width: 25%;
-    }
-}
diff --git a/src/plugins/plugins.js b/src/plugins/plugins.js
index 4376222a70..1852b39461 100644
--- a/src/plugins/plugins.js
+++ b/src/plugins/plugins.js
@@ -76,7 +76,8 @@ define([
     './timer/plugin',
     './userIndicator/plugin',
     '../../example/exampleUser/plugin',
-    './localStorage/plugin'
+    './localStorage/plugin',
+    './timelist/plugin'
 ], function (
     _,
     UTCTimeSystem,
@@ -133,7 +134,8 @@ define([
     Timer,
     UserIndicator,
     ExampleUser,
-    LocalStorage
+    LocalStorage,
+    TimeList
 ) {
     const plugins = {};
 
@@ -210,6 +212,7 @@ define([
     plugins.DeviceClassifier = DeviceClassifier.default;
     plugins.UserIndicator = UserIndicator.default;
     plugins.LocalStorage = LocalStorage.default;
+    plugins.Timelist = TimeList.default;
 
     return plugins;
 });
diff --git a/src/plugins/timelist/Timelist.vue b/src/plugins/timelist/Timelist.vue
new file mode 100644
index 0000000000..30b3812ebf
--- /dev/null
+++ b/src/plugins/timelist/Timelist.vue
@@ -0,0 +1,394 @@
+<!--
+ Open MCT, Copyright (c) 2014-2022, United States Government
+ as represented by the Administrator of the National Aeronautics and Space
+ Administration. All rights reserved.
+
+ Open MCT is licensed under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0.
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ License for the specific language governing permissions and limitations
+ under the License.
+
+ Open MCT includes source code licensed under additional open source
+ licenses. See the Open Source Licenses file (LICENSES.md) included with
+ this source code distribution or the Licensing information page available
+ at runtime from the About dialog for additional information.
+-->
+
+<template>
+<div
+    ref="timelistHolder"
+    class="c-timelist"
+>
+    <list-view
+        :items="planActivities"
+        :header-items="headerItems"
+        :default-sort="defaultSort"
+        class="sticky"
+    />
+</div>
+</template>
+
+<script>
+import {getValidatedPlan} from "../plan/util";
+import ListView from '../../ui/components/List/ListView.vue';
+import {getPreciseDuration} from "../../utils/duration";
+import ticker from 'utils/clock/Ticker';
+import {SORT_ORDER_OPTIONS} from "./constants";
+
+import moment from "moment";
+import uuid from "uuid";
+
+const SCROLL_TIMEOUT = 10000;
+const ROW_HEIGHT = 30;
+const TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss:SSS';
+const headerItems = [
+    {
+        defaultDirection: true,
+        isSortable: true,
+        property: 'start',
+        name: 'Start Time',
+        format: function (value, object) {
+            return `${moment(value).format(TIME_FORMAT)}Z`;
+        }
+    }, {
+        defaultDirection: true,
+        isSortable: true,
+        property: 'end',
+        name: 'End Time',
+        format: function (value, object) {
+            return `${moment(value).format(TIME_FORMAT)}Z`;
+        }
+    }, {
+        defaultDirection: false,
+        property: 'duration',
+        name: 'Time To/From',
+        format: function (value) {
+            let result;
+            if (value < 0) {
+                result = `-${getPreciseDuration(Math.abs(value))}`;
+            } else if (value > 0) {
+                result = `+${getPreciseDuration(value)}`;
+            } else {
+                result = 'Now';
+            }
+
+            return result;
+        }
+    }, {
+        defaultDirection: true,
+        property: 'name',
+        name: 'Activity'
+    }
+];
+
+const defaultSort = {
+    property: 'start',
+    defaultDirection: true
+};
+
+export default {
+    components: {
+        ListView
+    },
+    inject: ['openmct', 'domainObject', 'path'],
+    data() {
+        return {
+            viewBounds: undefined,
+            height: 0,
+            planActivities: [],
+            headerItems: headerItems,
+            defaultSort: defaultSort
+        };
+    },
+    mounted() {
+        this.isEditing = this.openmct.editor.isEditing();
+        this.timestamp = Date.now();
+        this.getPlanDataAndSetConfig(this.domainObject);
+
+        this.unlisten = this.openmct.objects.observe(this.domainObject, 'selectFile', this.getPlanDataAndSetConfig);
+        this.unlistenConfig = this.openmct.objects.observe(this.domainObject, 'configuration', this.setViewFromConfig);
+        this.removeStatusListener = this.openmct.status.observe(this.domainObject.identifier, this.setStatus);
+        this.status = this.openmct.status.get(this.domainObject.identifier);
+        this.unlistenTicker = ticker.listen(this.clearPreviousActivities);
+        this.openmct.editor.on('isEditing', this.setEditState);
+
+        this.deferAutoScroll = _.debounce(this.deferAutoScroll, 500);
+        this.$el.parentElement.addEventListener('scroll', this.deferAutoScroll, true);
+    },
+    beforeDestroy() {
+        if (this.unlisten) {
+            this.unlisten();
+        }
+
+        if (this.unlistenConfig) {
+            this.unlistenConfig();
+        }
+
+        if (this.unlistenTicker) {
+            this.unlistenTicker();
+        }
+
+        if (this.removeStatusListener) {
+            this.removeStatusListener();
+        }
+
+        this.openmct.editor.off('isEditing', this.setEditState);
+
+        this.$el.parentElement.removeEventListener('scroll', this.deferAutoScroll, true);
+        if (this.clearAutoScrollDisabledTimer) {
+            clearTimeout(this.clearAutoScrollDisabledTimer);
+        }
+    },
+    methods: {
+        getPlanDataAndSetConfig(mutatedObject) {
+            this.getPlanData(mutatedObject);
+            this.setViewFromConfig(mutatedObject.configuration);
+        },
+        setViewFromConfig(configuration) {
+            if (this.isEditing) {
+                this.filterValue = configuration.filter;
+                this.hideAll = false;
+                this.showAll = true;
+                this.listActivities();
+            } else {
+                this.filterValue = configuration.filter;
+                this.setSort();
+                this.setViewBounds();
+                this.listActivities();
+            }
+        },
+        getPlanData(domainObject) {
+            this.planData = getValidatedPlan(domainObject);
+        },
+        setViewBounds() {
+            const pastEventsIndex = this.domainObject.configuration.pastEventsIndex;
+            const currentEventsIndex = this.domainObject.configuration.currentEventsIndex;
+            const futureEventsIndex = this.domainObject.configuration.futureEventsIndex;
+            const pastEventsDuration = this.domainObject.configuration.pastEventsDuration;
+            const pastEventsDurationIndex = this.domainObject.configuration.pastEventsDurationIndex;
+            const futureEventsDuration = this.domainObject.configuration.futureEventsDuration;
+            const futureEventsDurationIndex = this.domainObject.configuration.futureEventsDurationIndex;
+
+            if (pastEventsIndex === 0 && futureEventsIndex === 0 && currentEventsIndex === 0) {
+                //show all events
+                this.showAll = false;
+                this.viewBounds = undefined;
+                this.hideAll = true;
+
+                return;
+            }
+
+            this.hideAll = false;
+
+            if (pastEventsIndex === 1 && futureEventsIndex === 1 && currentEventsIndex === 1) {
+                //show all events
+                this.showAll = true;
+                this.viewBounds = undefined;
+
+                return;
+            }
+
+            this.showAll = false;
+
+            this.viewBounds = {};
+
+            this.noCurrent = currentEventsIndex === 0;
+
+            if (pastEventsIndex !== 1) {
+                const pastDurationInMS = this.getDurationInMilliSeconds(pastEventsDuration, pastEventsDurationIndex);
+                this.viewBounds.pastEnd = (timestamp) => {
+                    if (pastEventsIndex === 2) {
+                        return timestamp - pastDurationInMS;
+                    } else if (pastEventsIndex === 0) {
+                        return timestamp + 1;
+                    }
+                };
+            }
+
+            if (futureEventsIndex !== 1) {
+                const futureDurationInMS = this.getDurationInMilliSeconds(futureEventsDuration, futureEventsDurationIndex);
+                this.viewBounds.futureStart = (timestamp) => {
+                    if (futureEventsIndex === 2) {
+                        return timestamp + futureDurationInMS;
+                    } else if (futureEventsIndex === 0) {
+                        return 0;
+                    }
+                };
+            }
+        },
+        getDurationInMilliSeconds(duration, durationIndex) {
+            if (duration > 0) {
+                if (durationIndex === 0) {
+                    return duration * 1000;
+                } else if (durationIndex === 1) {
+                    return duration * 60 * 1000;
+                } else if (durationIndex === 2) {
+                    return duration * 60 * 24 * 1000;
+                }
+            }
+        },
+        listActivities() {
+            let groups = Object.keys(this.planData);
+            let activities = [];
+
+            groups.forEach((key) => {
+                activities = activities.concat(this.planData[key]);
+            });
+            activities = activities.filter(this.filterActivities);
+            activities = this.applyStyles(activities);
+            this.setScrollTop();
+            // sort by start time
+            this.planActivities = activities.sort(this.sortByStartTime);
+        },
+        clearPreviousActivities(time) {
+            if (time instanceof Date) {
+                this.timestamp = time.getTime();
+            } else {
+                this.timestamp = time;
+            }
+
+            this.listActivities();
+        },
+        filterActivities(activity, index) {
+
+            const hasFilterMatch = this.filterByName(activity.name);
+
+            if (hasFilterMatch === false || this.hideAll === true) {
+                return false;
+            }
+
+            if (this.showAll === true) {
+                return true;
+            }
+
+            //current event or future start event or past end event
+            const isCurrent = (this.noCurrent === false && this.timestamp >= activity.start && this.timestamp <= activity.end);
+            const isPast = (this.timestamp > activity.end && (this.viewBounds.pastEnd === undefined || activity.end >= this.viewBounds.pastEnd(this.timestamp)));
+            const isFuture = (this.timestamp < activity.start && (this.viewBounds.futureStart === undefined || activity.start <= this.viewBounds.futureStart(this.timestamp)));
+
+            return isCurrent || isPast || isFuture;
+        },
+        filterByName(name) {
+            const filters = this.filterValue.split(',');
+
+            return filters.some((search => {
+                const normalized = search.trim().toLowerCase();
+                const regex = new RegExp(normalized);
+
+                return regex.test(name.toLowerCase());
+            }));
+        },
+        applyStyles(activities) {
+            let firstCurrentActivityIndex = -1;
+            let currentActivitiesCount = 0;
+            const styledActivities = activities.map((activity, index) => {
+                if (this.timestamp >= activity.start && this.timestamp <= activity.end) {
+                    activity.cssClass = '--is-current';
+                    if (firstCurrentActivityIndex < 0) {
+                        firstCurrentActivityIndex = index;
+                    }
+
+                    currentActivitiesCount = currentActivitiesCount + 1;
+                } else if (this.timestamp < activity.start) {
+                    activity.cssClass = '--is-future';
+                } else {
+                    activity.cssClass = '--is-past';
+                }
+
+                if (!activity.key) {
+                    activity.key = uuid();
+                }
+
+                activity.duration = activity.start - this.timestamp;
+
+                return activity;
+            });
+
+            this.firstCurrentActivityIndex = firstCurrentActivityIndex;
+            this.currentActivitiesCount = currentActivitiesCount;
+
+            return styledActivities;
+        },
+        canAutoScroll() {
+            //this distinguishes between programmatic vs user-triggered scroll events
+            this.autoScrolled = (this.dontAutoScroll !== true);
+
+            return this.autoScrolled;
+        },
+        resetScroll() {
+            if (this.canAutoScroll() === false) {
+                return;
+            }
+
+            this.firstCurrentActivityIndex = -1;
+            this.currentActivitiesCount = 0;
+            this.$el.parentElement.scrollTo({top: 0});
+            this.autoScrolled = false;
+        },
+        setScrollTop() {
+            //scroll to somewhere mid-way of the current activities
+            if (this.firstCurrentActivityIndex > -1) {
+                if (this.canAutoScroll() === false) {
+                    return;
+                }
+
+                const scrollOffset = this.currentActivitiesCount > 0 ? Math.floor(this.currentActivitiesCount / 2) : 0;
+                this.$el.parentElement.scrollTo({
+                    top: ROW_HEIGHT * (this.firstCurrentActivityIndex + scrollOffset),
+                    behavior: "smooth"
+                });
+                this.autoScrolled = false;
+            } else {
+                this.resetScroll();
+            }
+        },
+        deferAutoScroll() {
+            //if this is not a user-triggered event, don't defer auto scrolling
+            if (this.autoScrolled) {
+                this.autoScrolled = false;
+
+                return;
+            }
+
+            this.dontAutoScroll = true;
+            const self = this;
+            if (this.clearAutoScrollDisabledTimer) {
+                clearTimeout(this.clearAutoScrollDisabledTimer);
+            }
+
+            this.clearAutoScrollDisabledTimer = setTimeout(() => {
+                self.dontAutoScroll = false;
+                self.setScrollTop();
+            }, SCROLL_TIMEOUT);
+        },
+        setSort() {
+            const sortOrder = SORT_ORDER_OPTIONS[this.domainObject.configuration.sortOrderIndex];
+            const property = sortOrder.property;
+            const direction = sortOrder.direction.toLowerCase() === 'asc';
+            this.defaultSort = {
+                property,
+                defaultDirection: direction
+            };
+        },
+        sortByStartTime(a, b) {
+            const numA = parseInt(a.start, 10);
+            const numB = parseInt(b.start, 10);
+
+            return numA - numB;
+        },
+        setStatus(status) {
+            this.status = status;
+        },
+        setEditState(isEditing) {
+            this.isEditing = isEditing;
+            this.setViewFromConfig(this.domainObject.configuration);
+        }
+    }
+};
+</script>
diff --git a/src/plugins/timelist/TimelistViewProvider.js b/src/plugins/timelist/TimelistViewProvider.js
new file mode 100644
index 0000000000..cbb54f61f7
--- /dev/null
+++ b/src/plugins/timelist/TimelistViewProvider.js
@@ -0,0 +1,67 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+import Timelist from './Timelist.vue';
+import { TIMELIST_TYPE } from './constants';
+import Vue from 'vue';
+
+export default function TimelistViewProvider(openmct) {
+
+    return {
+        key: 'timelist.view',
+        name: 'Time List',
+        cssClass: 'icon-timelist',
+        canView(domainObject) {
+            return domainObject.type === TIMELIST_TYPE;
+        },
+
+        canEdit(domainObject) {
+            return domainObject.type === TIMELIST_TYPE;
+        },
+
+        view: function (domainObject, objectPath) {
+            let component;
+
+            return {
+                show: function (element) {
+
+                    component = new Vue({
+                        el: element,
+                        components: {
+                            Timelist
+                        },
+                        provide: {
+                            openmct,
+                            domainObject,
+                            path: objectPath
+                        },
+                        template: '<timelist></timelist>'
+                    });
+                },
+                destroy: function () {
+                    component.$destroy();
+                    component = undefined;
+                }
+            };
+        }
+    };
+}
diff --git a/src/plugins/timelist/constants.js b/src/plugins/timelist/constants.js
new file mode 100644
index 0000000000..7d9c978c06
--- /dev/null
+++ b/src/plugins/timelist/constants.js
@@ -0,0 +1,24 @@
+export const SORT_ORDER_OPTIONS = [
+    {
+        label: 'Start ascending',
+        property: 'start',
+        direction: 'ASC'
+    },
+    {
+        label: 'Start descending',
+        property: 'start',
+        direction: 'DESC'
+    },
+    {
+        label: 'End ascending',
+        property: 'end',
+        direction: 'ASC'
+    },
+    {
+        label: 'End descending',
+        property: 'end',
+        direction: 'DESC'
+    }
+];
+
+export const TIMELIST_TYPE = 'timelist';
diff --git a/src/plugins/timelist/inspector/EventProperties.vue b/src/plugins/timelist/inspector/EventProperties.vue
new file mode 100644
index 0000000000..0183687a40
--- /dev/null
+++ b/src/plugins/timelist/inspector/EventProperties.vue
@@ -0,0 +1,124 @@
+<template>
+<li class="c-inspect-properties__row">
+    <div
+        class="c-inspect-properties__label"
+        title="Options for future events."
+    >{{ label }}</div>
+    <div
+        v-if="canEdit"
+        class="c-inspect-properties__value"
+    >
+        <select
+            v-model="index"
+            @change="updateForm('index')"
+        >
+            <option
+                v-for="(activityOption, activityKey) in activitiesOptions"
+                :key="activityKey"
+                :value="activityKey"
+            >{{ activityOption }}</option>
+        </select>
+        <input
+            v-if="index === 2"
+            v-model="duration"
+            class="c-input c-input--sm"
+            type="text"
+            @change="updateForm('duration')"
+        >
+        <select
+            v-if="index === 2"
+            v-model="durationIndex"
+            @change="updateForm('durationIndex')"
+        >
+            <option
+                v-for="(durationOption, durationKey) in durationOptions"
+                :key="durationKey"
+                :value="durationKey"
+            >{{ durationOption }}</option>
+        </select>
+    </div>
+    <div
+        v-else
+        class="c-inspect-properties__value"
+    >
+        {{ activitiesOptions[index] }} <span v-if="index > 1">{{ duration }} {{ durationOptions[durationIndex] }}</span>
+    </div>
+</li>
+</template>
+
+<script>
+const ACTIVITIES_OPTIONS = [
+    'Don\'t show',
+    'Show all',
+    'Show starts within',
+    'Show after end for'
+];
+
+const DURATION_OPTIONS = [
+    'seconds',
+    'minutes',
+    'hours'
+];
+
+export default {
+    inject: ['openmct', 'domainObject'],
+    props: {
+        label: {
+            type: String,
+            required: true
+        },
+        prefix: {
+            type: String,
+            required: true
+        }
+    },
+    data() {
+        return {
+            index: this.domainObject.configuration[`${this.prefix}Index`],
+            durationIndex: this.domainObject.configuration[`${this.prefix}DurationIndex`],
+            duration: this.domainObject.configuration[`${this.prefix}Duration`],
+            activitiesOptions: ACTIVITIES_OPTIONS,
+            durationOptions: DURATION_OPTIONS,
+            isEditing: this.openmct.editor.isEditing()
+        };
+    },
+    computed: {
+        canEdit() {
+            return this.isEditing && !this.domainObject.locked;
+        }
+    },
+    mounted() {
+        if (this.prefix === 'futureEvents') {
+            this.activitiesOptions = ACTIVITIES_OPTIONS.slice(0, 3);
+        } else if (this.prefix === 'pastEvents') {
+            this.activitiesOptions = ACTIVITIES_OPTIONS.filter((item, index) => index !== 2);
+        } else if (this.prefix === 'currentEvents') {
+            this.activitiesOptions = ACTIVITIES_OPTIONS.slice(0, 2);
+        }
+
+        this.openmct.editor.on('isEditing', this.setEditState);
+    },
+    beforeDestroy() {
+        this.openmct.editor.off('isEditing', this.setEditState);
+    },
+    methods: {
+        updateForm(property) {
+            if (!this.isValid()) {
+                return;
+            }
+
+            const capitalized = property.charAt(0).toUpperCase() + property.substr(1);
+            this.$emit('updated', {
+                property: `${this.prefix}${capitalized}`,
+                value: this[property]
+            });
+        },
+        isValid() {
+            return this.index < 2 || (this.durationIndex >= 0 && this.duration > 0);
+        },
+        setEditState(isEditing) {
+            this.isEditing = isEditing;
+        }
+    }
+};
+</script>
diff --git a/src/plugins/timelist/inspector/Filtering.vue b/src/plugins/timelist/inspector/Filtering.vue
new file mode 100644
index 0000000000..360305960c
--- /dev/null
+++ b/src/plugins/timelist/inspector/Filtering.vue
@@ -0,0 +1,91 @@
+<template>
+<li class="c-inspect-properties__row">
+    <div
+        v-if="canEdit"
+        class="c-inspect-properties__hint span-all"
+    >Filter this view by comma-separated keywords.</div>
+    <div
+        class="c-inspect-properties__label"
+        title="Filter by keyword."
+    >Filters</div>
+    <div
+        v-if="canEdit"
+        class="c-inspect-properties__value"
+        :class="{'form-error': hasError}"
+    >
+        <textarea
+            v-model="filterValue"
+            class="c-input--flex"
+            type="text"
+            @keydown.enter.exact.stop="forceBlur($event)"
+            @keyup="updateForm($event, 'filter')"
+        ></textarea>
+    </div>
+    <div
+        v-else
+        class="c-inspect-properties__value"
+    >
+        {{ filterValue }}
+    </div>
+</li>
+</template>
+
+<script>
+export default {
+    inject: ['openmct', 'domainObject'],
+    data() {
+        return {
+            isEditing: this.openmct.editor.isEditing(),
+            filterValue: this.domainObject.configuration.filter,
+            hasError: false
+        };
+    },
+    computed: {
+        canEdit() {
+            return this.isEditing && !this.domainObject.locked;
+        }
+    },
+    mounted() {
+        this.openmct.editor.on('isEditing', this.setEditState);
+    },
+    beforeDestroy() {
+        this.openmct.editor.off('isEditing', this.setEditState);
+    },
+    methods: {
+        setEditState(isEditing) {
+            this.isEditing = isEditing;
+            if (!this.isEditing && this.hasError) {
+                this.filterValue = this.domainObject.configuration.filter;
+                this.hasError = false;
+            }
+        },
+        forceBlur(event) {
+            event.target.blur();
+        },
+        updateForm(event, property) {
+            if (!this.isValid()) {
+                this.hasError = true;
+
+                return;
+            }
+
+            this.hasError = false;
+
+            this.$emit('updated', {
+                property,
+                value: this.filterValue.replace(/,(\s)*$/, '')
+            });
+        },
+        isValid() {
+            // Test for any word character, any whitespace character or comma
+            if (this.filterValue === '') {
+                return true;
+            }
+
+            const regex = new RegExp(/^([a-zA-Z0-9_\-\s,])+$/g);
+
+            return regex.test(this.filterValue);
+        }
+    }
+};
+</script>
diff --git a/src/plugins/timelist/inspector/TimeListInspectorViewProvider.js b/src/plugins/timelist/inspector/TimeListInspectorViewProvider.js
new file mode 100644
index 0000000000..b3407c4a4c
--- /dev/null
+++ b/src/plugins/timelist/inspector/TimeListInspectorViewProvider.js
@@ -0,0 +1,70 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+import TimelistPropertiesView from "./TimelistPropertiesView.vue";
+import { TIMELIST_TYPE } from '../constants';
+import Vue from 'vue';
+
+export default function TimeListInspectorViewProvider(openmct) {
+    return {
+        key: 'timelist-inspector',
+        name: 'Timelist Inspector View',
+        canView: function (selection) {
+            if (selection.length === 0 || selection[0].length === 0) {
+                return false;
+            }
+
+            let context = selection[0][0].context;
+
+            return context && context.item
+                && context.item.type === TIMELIST_TYPE;
+        },
+        view: function (selection) {
+            let component;
+
+            return {
+                show: function (element) {
+                    component = new Vue({
+                        el: element,
+                        components: {
+                            TimelistPropertiesView: TimelistPropertiesView
+                        },
+                        provide: {
+                            openmct,
+                            domainObject: selection[0][0].context.item
+                        },
+                        template: '<timelist-properties-view></timelist-properties-view>'
+                    });
+                },
+                destroy: function () {
+                    if (component) {
+                        component.$destroy();
+                        component = undefined;
+                    }
+                }
+            };
+        },
+        priority: function () {
+            return 1;
+        }
+    };
+}
diff --git a/src/plugins/timelist/inspector/TimelistPropertiesView.vue b/src/plugins/timelist/inspector/TimelistPropertiesView.vue
new file mode 100644
index 0000000000..57a1747b7d
--- /dev/null
+++ b/src/plugins/timelist/inspector/TimelistPropertiesView.vue
@@ -0,0 +1,146 @@
+<!--
+ Open MCT, Copyright (c) 2014-2022, United States Government
+ as represented by the Administrator of the National Aeronautics and Space
+ Administration. All rights reserved.
+
+ Open MCT is licensed under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+ http://www.apache.org/licenses/LICENSE-2.0.
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ License for the specific language governing permissions and limitations
+ under the License.
+
+ Open MCT includes source code licensed under additional open source
+ licenses. See the Open Source Licenses file (LICENSES.md) included with
+ this source code distribution or the Licensing information page available
+ at runtime from the About dialog for additional information.
+-->
+
+<template>
+<div class="c-timelist-properties">
+    <div class="c-inspect-properties">
+        <ul class="c-inspect-properties__section">
+            <div
+                class="c-inspect-properties_header"
+                title="'Timeframe options'"
+            >Timeframe</div>
+            <li class="c-inspect-properties__row">
+                <div
+                    v-if="canEdit"
+                    class="c-inspect-properties__hint span-all"
+                >These settings are not previewed and will be applied after editing is completed.</div>
+                <div
+                    class="c-inspect-properties__label"
+                    title="Sort order of the timelist."
+                >Sort Order</div>
+                <div
+                    v-if="canEdit"
+                    class="c-inspect-properties__value"
+                >
+                    <select
+                        v-model="sortOrderIndex"
+                        @change="updateSortOrder()"
+                    >
+                        <option
+                            v-for="(sortOrderOption, index) in sortOrderOptions"
+                            :key="index"
+                            :value="index"
+                        >{{ sortOrderOption.label }}</option>
+                    </select>
+                </div>
+                <div
+                    v-else
+                    class="c-inspect-properties__value"
+                >
+                    {{ sortOrderOptions[sortOrderIndex].label }}
+                </div>
+            </li>
+            <event-properties
+                v-for="type in eventTypes"
+                :key="type.prefix"
+                :label="type.label"
+                :prefix="type.prefix"
+                @updated="eventPropertiesUpdated"
+            />
+        </ul>
+    </div>
+    <div class="c-inspect-properties">
+        <ul class="c-inspect-properties__section">
+            <div
+                class="c-inspect-properties_header"
+                title="'Filters'"
+            >Filtering</div>
+            <filtering @updated="eventPropertiesUpdated" />
+        </ul>
+    </div>
+</div>
+</template>
+
+<script>
+
+import EventProperties from './EventProperties.vue';
+import { SORT_ORDER_OPTIONS } from '../constants';
+import Filtering from './Filtering.vue';
+
+const EVENT_TYPES = [
+    {
+        label: 'Future Events',
+        prefix: 'futureEvents'
+    },
+    {
+        label: 'Current Events',
+        prefix: 'currentEvents'
+    },
+    {
+        label: 'Past Events',
+        prefix: 'pastEvents'
+    }
+];
+
+export default {
+    components: {
+        Filtering,
+        EventProperties
+    },
+    inject: ['openmct', 'domainObject'],
+    data() {
+        return {
+            sortOrderIndex: this.domainObject.configuration.sortOrderIndex,
+            sortOrderOptions: SORT_ORDER_OPTIONS,
+            eventTypes: EVENT_TYPES,
+            isEditing: this.openmct.editor.isEditing()
+        };
+    },
+    computed: {
+        canEdit() {
+            return this.isEditing && !this.domainObject.locked;
+        }
+    },
+    mounted() {
+        this.openmct.editor.on('isEditing', this.setEditState);
+    },
+    beforeDestroy() {
+        this.openmct.editor.off('isEditing', this.setEditState);
+    },
+    methods: {
+        setEditState(isEditing) {
+            this.isEditing = isEditing;
+        },
+        updateSortOrder() {
+            this.updateProperty('sortOrderIndex', this.sortOrderIndex);
+        },
+        updateProperty(key, value) {
+            this.openmct.objects.mutate(this.domainObject, `configuration.${key}`, value);
+        },
+        eventPropertiesUpdated(data) {
+            const key = data.property;
+            const value = data.value;
+            this.updateProperty(key, value);
+        }
+    }
+};
+</script>
diff --git a/src/plugins/timelist/plugin.js b/src/plugins/timelist/plugin.js
new file mode 100644
index 0000000000..6aac894f86
--- /dev/null
+++ b/src/plugins/timelist/plugin.js
@@ -0,0 +1,68 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+import TimelistViewProvider from './TimelistViewProvider';
+import { TIMELIST_TYPE } from './constants';
+import TimeListInspectorViewProvider from "./inspector/TimeListInspectorViewProvider";
+
+export default function () {
+    return function install(openmct) {
+        openmct.types.addType(TIMELIST_TYPE, {
+            name: 'Time List',
+            key: TIMELIST_TYPE,
+            description: 'A configurable, time-ordered list view of activities for a compatible mission plan file.',
+            creatable: true,
+            cssClass: 'icon-timelist',
+            form: [
+                {
+                    name: 'Upload Plan (JSON File)',
+                    key: 'selectFile',
+                    control: 'file-input',
+                    required: true,
+                    text: 'Select File...',
+                    type: 'application/json',
+                    property: [
+                        "selectFile"
+                    ]
+                }
+            ],
+            initialize: function (domainObject) {
+                domainObject.configuration = {
+                    sortOrderIndex: 0,
+                    futureEventsIndex: 0,
+                    futureEventsDurationIndex: 0,
+                    futureEventsDuration: 20,
+                    currentEventsIndex: 1,
+                    currentEventsDurationIndex: 0,
+                    currentEventsDuration: 20,
+                    pastEventsIndex: 0,
+                    pastEventsDurationIndex: 0,
+                    pastEventsDuration: 20,
+                    filter: ''
+                };
+            }
+        });
+        openmct.objectViews.addProvider(new TimelistViewProvider(openmct));
+        openmct.inspectorViews.addProvider(new TimeListInspectorViewProvider(openmct));
+
+    };
+}
diff --git a/src/plugins/timelist/pluginSpec.js b/src/plugins/timelist/pluginSpec.js
new file mode 100644
index 0000000000..3615c84f4e
--- /dev/null
+++ b/src/plugins/timelist/pluginSpec.js
@@ -0,0 +1,181 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+import {createOpenMct, resetApplicationState} from "utils/testing";
+import TimelistPlugin from "./plugin";
+import { TIMELIST_TYPE } from "./constants";
+import Vue from 'vue';
+import moment from "moment";
+
+const LIST_ITEM_CLASS = '.js-table__body .js-list-item';
+const LIST_ITEM_VALUE_CLASS = '.js-list-item__value';
+const LIST_ITEM_BODY_CLASS = '.js-table__body th';
+
+describe('the plugin', function () {
+    let timelistDefinition;
+    let element;
+    let child;
+    let openmct;
+    let appHolder;
+    let originalRouterPath;
+
+    beforeEach((done) => {
+        appHolder = document.createElement('div');
+        appHolder.style.width = '640px';
+        appHolder.style.height = '480px';
+
+        openmct = createOpenMct();
+        openmct.install(new TimelistPlugin());
+
+        timelistDefinition = openmct.types.get(TIMELIST_TYPE).definition;
+
+        element = document.createElement('div');
+        element.style.width = '640px';
+        element.style.height = '480px';
+        child = document.createElement('div');
+        child.style.width = '640px';
+        child.style.height = '480px';
+        element.appendChild(child);
+
+        originalRouterPath = openmct.router.path;
+
+        openmct.on('start', done);
+        openmct.start(appHolder);
+    });
+
+    afterEach(() => {
+        openmct.router.path = originalRouterPath;
+
+        return resetApplicationState(openmct);
+    });
+
+    let mockTimelistObject = {
+        name: 'Timelist',
+        key: TIMELIST_TYPE,
+        creatable: true
+    };
+
+    it('defines a timelist object type with the correct key', () => {
+        expect(timelistDefinition.key).toEqual(mockTimelistObject.key);
+    });
+
+    it('is creatable', () => {
+        expect(timelistDefinition.creatable).toEqual(mockTimelistObject.creatable);
+    });
+
+    describe('the timelist view', () => {
+        it('provides a timelist view', () => {
+            const testViewObject = {
+                id: "test-object",
+                type: TIMELIST_TYPE
+            };
+            openmct.router.path = [testViewObject];
+
+            const applicableViews = openmct.objectViews.get(testViewObject, [testViewObject]);
+            let timelistView = applicableViews.find((viewProvider) => viewProvider.key === 'timelist.view');
+            expect(timelistView).toBeDefined();
+        });
+    });
+
+    describe('the timelist view displays activities', () => {
+        let timelistDomainObject;
+        let timelistView;
+
+        beforeEach(() => {
+            timelistDomainObject = {
+                identifier: {
+                    key: 'test-object',
+                    namespace: ''
+                },
+                type: TIMELIST_TYPE,
+                id: "test-object",
+                configuration: {
+                    sortOrderIndex: 0,
+                    futureEventsIndex: 1,
+                    futureEventsDurationIndex: 0,
+                    futureEventsDuration: 20,
+                    currentEventsIndex: 1,
+                    currentEventsDurationIndex: 0,
+                    currentEventsDuration: 20,
+                    pastEventsIndex: 1,
+                    pastEventsDurationIndex: 0,
+                    pastEventsDuration: 20,
+                    filter: ''
+                },
+                selectFile: {
+                    body: JSON.stringify({
+                        "TEST-GROUP": [
+                            {
+                                "name": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
+                                "start": 1597170002854,
+                                "end": 1597171032854,
+                                "type": "TEST-GROUP",
+                                "color": "fuchsia",
+                                "textColor": "black"
+                            },
+                            {
+                                "name": "Sed ut perspiciatis",
+                                "start": 1597171132854,
+                                "end": 1597171232854,
+                                "type": "TEST-GROUP",
+                                "color": "fuchsia",
+                                "textColor": "black"
+                            }
+                        ]
+                    })
+                }
+            };
+
+            openmct.router.path = [timelistDomainObject];
+
+            const applicableViews = openmct.objectViews.get(timelistDomainObject, [timelistDomainObject]);
+            timelistView = applicableViews.find((viewProvider) => viewProvider.key === 'timelist.view');
+            let view = timelistView.view(timelistDomainObject, []);
+            view.show(child, true);
+
+            return Vue.nextTick();
+        });
+
+        it('displays the activities', () => {
+            const items = element.querySelectorAll(LIST_ITEM_CLASS);
+            expect(items.length).toEqual(2);
+        });
+
+        it('displays the activity headers', () => {
+            const headers = element.querySelectorAll(LIST_ITEM_BODY_CLASS);
+            expect(headers.length).toEqual(4);
+        });
+
+        it('displays activity details', (done) => {
+            Vue.nextTick(() => {
+                const itemEls = element.querySelectorAll(LIST_ITEM_CLASS);
+                const itemValues = itemEls[0].querySelectorAll(LIST_ITEM_VALUE_CLASS);
+                expect(itemValues.length).toEqual(4);
+                expect(itemValues[3].innerHTML.trim()).toEqual('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua');
+                expect(itemValues[0].innerHTML.trim()).toEqual(`${moment(1597170002854).format('YYYY-MM-DD HH:mm:ss:SSS')}Z`);
+                expect(itemValues[1].innerHTML.trim()).toEqual(`${moment(1597171032854).format('YYYY-MM-DD HH:mm:ss:SSS')}Z`);
+
+                done();
+            });
+        });
+    });
+});
diff --git a/src/plugins/timelist/timelist.scss b/src/plugins/timelist/timelist.scss
new file mode 100644
index 0000000000..eea87d114d
--- /dev/null
+++ b/src/plugins/timelist/timelist.scss
@@ -0,0 +1,55 @@
+/*****************************************************************************
+ * Open MCT, Copyright (c) 2014-2022, United States Government
+ * as represented by the Administrator of the National Aeronautics and Space
+ * Administration. All rights reserved.
+ *
+ * Open MCT is licensed under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * http://www.apache.org/licenses/LICENSE-2.0.
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations
+ * under the License.
+ *
+ * Open MCT includes source code licensed under additional open source
+ * licenses. See the Open Source Licenses file (LICENSES.md) included with
+ * this source code distribution or the Licensing information page available
+ * at runtime from the About dialog for additional information.
+ *****************************************************************************/
+
+.c-timelist {
+  & .nowMarker.hasCurrent {
+    height: 2px;
+    position: absolute;
+    z-index: 10;
+    background: cyan;
+    width: 100%;
+  }
+
+  .c-list-item {
+    /* Time Lists */
+
+    &.--is-current {
+      background-color: $colorCurrentBg;
+      border-top: 1px solid $colorCurrentBorder !important;
+      color: $colorCurrentFg;
+      font-weight: bold;
+    }
+
+    &.--is-future {
+      background-color: $colorFutureBg;
+      border-top-color: $colorFutureBorder !important;
+      color: $colorFutureFg;
+    }
+
+    &__value {
+      &.--duration {
+        width: 5%;
+      }
+    }
+  }
+
+}
diff --git a/src/styles/_constants-espresso.scss b/src/styles/_constants-espresso.scss
index f68487f3bb..bc9abb1ad8 100644
--- a/src/styles/_constants-espresso.scss
+++ b/src/styles/_constants-espresso.scss
@@ -345,7 +345,7 @@ $shdwItemText: none;
 $colorTabBorder: pullForward($colorBodyBg, 10%);
 $colorTabBodyBg: $colorBodyBg;
 $colorTabBodyFg: pullForward($colorBodyFg, 20%);
-$colorTabHeaderBg: rgba($colorBodyFg, 0.15);
+$colorTabHeaderBg: #575757;
 $colorTabHeaderFg: $colorBodyFg;
 $colorTabHeaderBorder: $colorBodyBg;
 $colorTabGroupHeaderBg: pullForward($colorBodyBg, 5%);
@@ -366,6 +366,14 @@ $legendHoverValueBg: rgba($colorBodyFg, 0.2);
 $legendTableHeadBg: $colorTabHeaderBg;
 $colorPlotLimitLineBg: rgba($colorBodyBg, 0.2);
 
+// Time Strip and Lists
+$colorCurrentBg: rgba($colorStatusAlert, 0.3);
+$colorCurrentFg: pullForward($colorBodyFg, 20%);
+$colorCurrentBorder: $colorBodyBg;
+$colorFutureBg: rgba($colorKey, 0.2);
+$colorFutureFg: $colorCurrentFg;
+$colorFutureBorder: $colorCurrentBorder;
+
 // Tree
 $colorTreeBg: transparent;
 $colorItemTreeHoverBg: rgba(#fff, 0.1);
diff --git a/src/styles/_constants-maelstrom.scss b/src/styles/_constants-maelstrom.scss
index 1ecc539ad6..ef3634c459 100644
--- a/src/styles/_constants-maelstrom.scss
+++ b/src/styles/_constants-maelstrom.scss
@@ -349,7 +349,7 @@ $shdwItemText: none;
 $colorTabBorder: pullForward($colorBodyBg, 10%);
 $colorTabBodyBg: $colorBodyBg;
 $colorTabBodyFg: pullForward($colorBodyFg, 20%);
-$colorTabHeaderBg: rgba($colorBodyFg, 0.15);
+$colorTabHeaderBg: #575757;
 $colorTabHeaderFg: $colorBodyFg;
 $colorTabHeaderBorder: $colorBodyBg;
 $colorTabGroupHeaderBg: pullForward($colorBodyBg, 5%);
@@ -370,6 +370,14 @@ $legendHoverValueBg: rgba($colorBodyFg, 0.2);
 $legendTableHeadBg: rgba($colorBodyFg, 0.15);
 $colorPlotLimitLineBg: rgba($colorBodyBg, 0.2);
 
+// Time Strip and Lists
+$colorCurrentBg: rgba($colorStatusAlert, 0.3);
+$colorCurrentFg: pullForward($colorBodyFg, 20%);
+$colorCurrentBorder: #fff;
+$colorFutureBg: rgba($colorKey, 0.2);
+$colorFutureFg: $colorCurrentFg;
+$colorFutureBorder: $colorCurrentBorder;
+
 // Tree
 $colorTreeBg: transparent;
 $colorItemTreeHoverBg: rgba(#fff, 0.03);
diff --git a/src/styles/_constants-snow.scss b/src/styles/_constants-snow.scss
index d7ea785faa..4d95e607a1 100644
--- a/src/styles/_constants-snow.scss
+++ b/src/styles/_constants-snow.scss
@@ -345,7 +345,7 @@ $shdwItemText: none;
 $colorTabBorder: pullForward($colorBodyBg, 10%);
 $colorTabBodyBg: $colorBodyBg;
 $colorTabBodyFg: pullForward($colorBodyFg, 20%);
-$colorTabHeaderBg: rgba($colorBodyFg, 0.2);
+$colorTabHeaderBg: #e2e2e2;
 $colorTabHeaderFg: $colorBodyFg;
 $colorTabHeaderBorder: $colorBodyBg;
 $colorTabGroupHeaderBg: pullForward($colorBodyBg, 5%);
@@ -366,6 +366,14 @@ $legendHoverValueBg: rgba($colorBodyFg, 0.2);
 $legendTableHeadBg: rgba($colorBodyFg, 0.15);
 $colorPlotLimitLineBg: rgba($colorBodyBg, 0.4);
 
+// Time Strip and Lists
+$colorCurrentBg: rgba($colorStatusAlert, 0.3);
+$colorCurrentFg: pullForward($colorBodyFg, 20%);
+$colorCurrentBorder: #fff;
+$colorFutureBg: rgba($colorKey, 0.2);
+$colorFutureFg: $colorCurrentFg;
+$colorFutureBorder: $colorCurrentBorder;
+
 // Tree
 $colorTreeBg: transparent;
 $colorItemTreeHoverBg: rgba(black, 0.07);
diff --git a/src/styles/_constants.scss b/src/styles/_constants.scss
index a7a7589b86..82ac76fccd 100755
--- a/src/styles/_constants.scss
+++ b/src/styles/_constants.scss
@@ -263,6 +263,7 @@ $glyph-icon-telemetry-aggregate: '\eb2b';
 $glyph-icon-bar-chart: '\eb2c';
 $glyph-icon-map: '\eb2d';
 $glyph-icon-plan: '\eb2e';
+$glyph-icon-timelist: '\eb2f';
 
 /************************** GLYPHS AS DATA URI */
 // Only objects have been converted, for use in Create menu and folder views
@@ -317,3 +318,4 @@ $bg-icon-condition-widget: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='h
 $bg-icon-bar-chart: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M416 0H96C43.2 0 0 43.2 0 96v320c0 52.8 43.2 96 96 96h320c52.8 0 96-43.2 96-96V96c0-52.8-43.2-96-96-96ZM133.82 448H64V224h69.82Zm104.73 0h-69.82V64h69.82Zm104.72 0h-69.82V288h69.82ZM448 448h-69.82V128H448Z'/%3e%3c/svg%3e");
 $bg-icon-map: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M448 32.7 384 64v448l64-31.3c35.2-17.21 64-60.1 64-95.3v-320c0-35.2-28.8-49.91-64-32.7ZM160 456l193.6 48.4v-448L160 8v448zM129.6.4 128 0 64 31.3C28.8 48.51 0 91.4 0 126.6v320c0 35.2 28.8 49.91 64 32.7l64-31.3 1.6.4Z'/%3e%3c/svg%3e");
 $bg-icon-plan: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cg data-name='Layer 2'%3e%3cg data-name='Layer 1'%3e%3cpath fill='%23000000' d='M128 96V64a64.19 64.19 0 0 1 64-64h128a64.19 64.19 0 0 1 64 64v32Z'/%3e%3cpath fill='%23000000' d='M416 64v64H96V64c-52.8 0-96 43.2-96 96v256c0 52.8 43.2 96 96 96h320c52.8 0 96-43.2 96-96V160c0-52.8-43.2-96-96-96ZM64 288v-64h128v64Zm256 128H128v-64h192Zm128 0h-64v-64h64Zm0-128H256v-64h192Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
+$bg-icon-timelist: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cg data-name='Layer 2'%3e%3cpath d='M448 0H64A64.19 64.19 0 0 0 0 64v384a64.19 64.19 0 0 0 64 64h384a64.19 64.19 0 0 0 64-64V64a64.19 64.19 0 0 0-64-64ZM213.47 266.73a24 24 0 0 1-32.2 10.74L104 238.83V128a24 24 0 0 1 48 0v81.17l50.73 25.36a24 24 0 0 1 10.74 32.2ZM448 448H288v-64h160Zm0-96H288v-64h160Zm0-96H288v-64h160Zm0-96H288V96h160Z' data-name='Layer 1'/%3e%3c/g%3e%3c/svg%3e");
diff --git a/src/styles/_glyphs.scss b/src/styles/_glyphs.scss
index 607f2a945c..267aeded6c 100755
--- a/src/styles/_glyphs.scss
+++ b/src/styles/_glyphs.scss
@@ -194,6 +194,7 @@
 .icon-bar-chart {  @include glyphBefore($glyph-icon-bar-chart); }
 .icon-map {  @include glyphBefore($glyph-icon-map); }
 .icon-plan {  @include glyphBefore($glyph-icon-plan); }
+.icon-timelist {  @include glyphBefore($glyph-icon-timelist); }
 
 /************************** 12 PX CLASSES */
 // TODO: sync with 16px redo as of 10/25/18
@@ -256,3 +257,4 @@
 .bg-icon-bar-chart { @include glyphBg($bg-icon-bar-chart); }
 .bg-icon-map { @include glyphBg($bg-icon-map); }
 .bg-icon-plan { @include glyphBg($bg-icon-plan); }
+.bg-icon-timelist { @include glyphBg($bg-icon-timelist); }
diff --git a/src/styles/fonts/Open MCT Symbols 16px.json b/src/styles/fonts/Open MCT Symbols 16px.json
index 9772b8828a..932b9abff9 100644
--- a/src/styles/fonts/Open MCT Symbols 16px.json	
+++ b/src/styles/fonts/Open MCT Symbols 16px.json	
@@ -2,7 +2,7 @@
   "metadata": {
     "name": "Open MCT Symbols 16px",
     "lastOpened": 0,
-    "created": 1637023732727
+    "created": 1643998589907
   },
   "iconSets": [
     {
@@ -11,7 +11,7 @@
           "order": 77,
           "id": 47,
           "name": "icon-alert-rect-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59648,
           "tempChar": ""
         },
@@ -19,7 +19,7 @@
           "order": 76,
           "id": 48,
           "name": "icon-alert-triangle-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59649,
           "tempChar": ""
         },
@@ -27,7 +27,7 @@
           "order": 20,
           "id": 112,
           "name": "icon-arrow-up",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59650,
           "tempChar": ""
         },
@@ -35,7 +35,7 @@
           "order": 36,
           "id": 94,
           "name": "icon-arrow-double-up",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59651,
           "tempChar": ""
         },
@@ -43,7 +43,7 @@
           "order": 143,
           "id": 96,
           "name": "icon-arrow-tall-up",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59652,
           "tempChar": ""
         },
@@ -51,7 +51,7 @@
           "order": 21,
           "id": 111,
           "name": "icon-arrow-right",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59653,
           "tempChar": ""
         },
@@ -59,7 +59,7 @@
           "order": 102,
           "id": 18,
           "name": "icon-arrow-right-equilateral",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59654,
           "tempChar": ""
         },
@@ -67,7 +67,7 @@
           "order": 19,
           "id": 113,
           "name": "icon-arrow-down",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59655,
           "tempChar": ""
         },
@@ -75,7 +75,7 @@
           "order": 37,
           "id": 93,
           "name": "icon-arrow-double-down",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59656,
           "tempChar": ""
         },
@@ -83,7 +83,7 @@
           "order": 35,
           "id": 95,
           "name": "icon-arrow-tall-down",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59657,
           "tempChar": ""
         },
@@ -91,7 +91,7 @@
           "order": 18,
           "id": 114,
           "name": "icon-arrow-left",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59658,
           "tempChar": ""
         },
@@ -99,7 +99,7 @@
           "order": 17,
           "id": 115,
           "name": "icon-asterisk",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59659,
           "tempChar": ""
         },
@@ -107,7 +107,7 @@
           "order": 128,
           "id": 59,
           "name": "icon-bell",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59660,
           "tempChar": ""
         },
@@ -115,7 +115,7 @@
           "order": 123,
           "id": 103,
           "name": "icon-box-round-corners",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59661,
           "tempChar": ""
         },
@@ -123,7 +123,7 @@
           "order": 129,
           "id": 58,
           "name": "icon-box-with-arrow-cursor",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59662,
           "tempChar": ""
         },
@@ -131,7 +131,7 @@
           "order": 142,
           "id": 120,
           "name": "icon-check",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59663,
           "tempChar": ""
         },
@@ -139,7 +139,7 @@
           "order": 25,
           "id": 107,
           "name": "icon-connectivity",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59664,
           "tempChar": ""
         },
@@ -147,7 +147,7 @@
           "order": 44,
           "id": 84,
           "name": "icon-database-in-brackets",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59665,
           "tempChar": ""
         },
@@ -155,7 +155,7 @@
           "order": 75,
           "id": 49,
           "name": "icon-eye-open",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59666,
           "tempChar": ""
         },
@@ -163,7 +163,7 @@
           "order": 5,
           "id": 129,
           "name": "icon-gear",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59667,
           "tempChar": ""
         },
@@ -171,7 +171,7 @@
           "order": 66,
           "id": 60,
           "name": "icon-hourglass",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59668,
           "tempChar": ""
         },
@@ -179,7 +179,7 @@
           "order": 65,
           "id": 61,
           "name": "icon-info",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59669,
           "tempChar": ""
         },
@@ -187,7 +187,7 @@
           "order": 53,
           "id": 75,
           "name": "icon-link",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59670,
           "tempChar": ""
         },
@@ -195,7 +195,7 @@
           "order": 42,
           "id": 86,
           "name": "icon-lock",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59671,
           "tempChar": ""
         },
@@ -203,7 +203,7 @@
           "order": 49,
           "id": 79,
           "name": "icon-minus",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59672,
           "tempChar": ""
         },
@@ -211,7 +211,7 @@
           "order": 22,
           "id": 110,
           "name": "icon-people",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59673,
           "tempChar": ""
         },
@@ -219,7 +219,7 @@
           "order": 46,
           "id": 82,
           "name": "icon-person",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59674,
           "tempChar": ""
         },
@@ -227,7 +227,7 @@
           "order": 38,
           "id": 92,
           "name": "icon-plus",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59675,
           "tempChar": ""
         },
@@ -235,7 +235,7 @@
           "order": 164,
           "id": 137,
           "name": "icon-plus-in-rect",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59676,
           "tempChar": ""
         },
@@ -243,7 +243,7 @@
           "order": 6,
           "id": 128,
           "name": "icon-trash",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59677,
           "tempChar": ""
         },
@@ -251,7 +251,7 @@
           "order": 140,
           "id": 122,
           "name": "icon-x-heavy",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59678,
           "tempChar": ""
         },
@@ -259,7 +259,7 @@
           "order": 78,
           "id": 46,
           "name": "icon-brackets",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59679,
           "tempChar": ""
         },
@@ -267,7 +267,7 @@
           "order": 93,
           "id": 27,
           "name": "icon-crosshair",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59680,
           "tempChar": ""
         },
@@ -275,7 +275,7 @@
           "order": 91,
           "id": 31,
           "name": "icon-grippy",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59681,
           "tempChar": ""
         },
@@ -283,7 +283,7 @@
           "order": 121,
           "id": 118,
           "name": "icon-grid",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59682,
           "tempChar": ""
         },
@@ -291,7 +291,7 @@
           "order": 154,
           "id": 136,
           "name": "icon-grippy-ew",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59683,
           "tempChar": ""
         },
@@ -299,7 +299,7 @@
           "order": 152,
           "id": 135,
           "name": "icon-columns",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59684,
           "tempChar": ""
         },
@@ -307,7 +307,7 @@
           "order": 153,
           "id": 134,
           "name": "icon-rows",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59685,
           "tempChar": ""
         },
@@ -315,7 +315,7 @@
           "order": 162,
           "id": 140,
           "name": "icon-filter",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59686,
           "tempChar": ""
         },
@@ -323,7 +323,7 @@
           "order": 161,
           "id": 139,
           "name": "icon-filter-outline",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59687,
           "tempChar": ""
         },
@@ -331,7 +331,7 @@
           "order": 155,
           "id": 142,
           "name": "icon-suitcase",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59688,
           "tempChar": ""
         },
@@ -339,7 +339,7 @@
           "order": 169,
           "id": 145,
           "name": "icon-cursor-locked",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59689,
           "tempChar": ""
         },
@@ -347,7 +347,7 @@
           "order": 176,
           "id": 150,
           "name": "icon-flag",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59690,
           "tempChar": ""
         },
@@ -355,7 +355,7 @@
           "order": 177,
           "id": 152,
           "name": "icon-eye-disabled",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59691,
           "tempChar": ""
         },
@@ -363,7 +363,7 @@
           "order": 179,
           "id": 153,
           "name": "icon-notebook-page",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59692,
           "tempChar": ""
         },
@@ -371,7 +371,7 @@
           "order": 186,
           "id": 160,
           "name": "icon-unlocked",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59693,
           "tempChar": ""
         },
@@ -379,7 +379,7 @@
           "order": 197,
           "id": 169,
           "name": "icon-circle",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59694,
           "tempChar": ""
         },
@@ -387,7 +387,7 @@
           "order": 201,
           "id": 173,
           "name": "icon-draft",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59695,
           "tempChar": ""
         },
@@ -395,7 +395,7 @@
           "order": 27,
           "id": 105,
           "name": "icon-arrows-right-left",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59904,
           "tempChar": ""
         },
@@ -403,7 +403,7 @@
           "order": 26,
           "id": 106,
           "name": "icon-arrows-up-down",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59905,
           "tempChar": ""
         },
@@ -411,14 +411,14 @@
           "order": 68,
           "id": 56,
           "name": "icon-bullet",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59906,
           "tempChar": ""
         },
         {
           "order": 150,
           "id": 133,
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59907,
           "name": "icon-calendar",
           "tempChar": ""
@@ -427,7 +427,7 @@
           "order": 45,
           "id": 83,
           "name": "icon-chain-links",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59908,
           "tempChar": ""
         },
@@ -435,7 +435,7 @@
           "order": 73,
           "id": 51,
           "name": "icon-download",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59909,
           "tempChar": ""
         },
@@ -443,7 +443,7 @@
           "order": 39,
           "id": 91,
           "name": "icon-duplicate",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59910,
           "tempChar": ""
         },
@@ -451,7 +451,7 @@
           "order": 50,
           "id": 78,
           "name": "icon-folder-new",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59911,
           "tempChar": ""
         },
@@ -459,7 +459,7 @@
           "order": 138,
           "id": 124,
           "name": "icon-fullscreen-collapse",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59912,
           "tempChar": ""
         },
@@ -467,7 +467,7 @@
           "order": 139,
           "id": 123,
           "name": "icon-fullscreen-expand",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59913,
           "tempChar": ""
         },
@@ -475,7 +475,7 @@
           "order": 122,
           "id": 104,
           "name": "icon-layers",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59914,
           "tempChar": ""
         },
@@ -483,7 +483,7 @@
           "order": 151,
           "id": 102,
           "name": "icon-line-horz",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59915,
           "tempChar": ""
         },
@@ -491,7 +491,7 @@
           "order": 100,
           "id": 20,
           "name": "icon-magnify",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59916,
           "tempChar": ""
         },
@@ -499,7 +499,7 @@
           "order": 99,
           "id": 21,
           "name": "icon-magnify-in",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59917,
           "tempChar": ""
         },
@@ -507,7 +507,7 @@
           "order": 101,
           "id": 19,
           "name": "icon-magnify-out-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59918,
           "tempChar": ""
         },
@@ -515,7 +515,7 @@
           "order": 103,
           "id": 17,
           "name": "icon-menu",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59919,
           "tempChar": ""
         },
@@ -523,7 +523,7 @@
           "order": 124,
           "id": 89,
           "name": "icon-move",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59920,
           "tempChar": ""
         },
@@ -531,7 +531,7 @@
           "order": 7,
           "id": 127,
           "name": "icon-new-window",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59921,
           "tempChar": ""
         },
@@ -539,7 +539,7 @@
           "order": 63,
           "id": 63,
           "name": "icon-paint-bucket-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59922,
           "tempChar": ""
         },
@@ -547,7 +547,7 @@
           "order": 15,
           "id": 117,
           "name": "icon-pencil",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59923,
           "tempChar": ""
         },
@@ -555,7 +555,7 @@
           "order": 54,
           "id": 72,
           "name": "icon-pencil-edit-in-place",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59924,
           "tempChar": ""
         },
@@ -563,7 +563,7 @@
           "order": 40,
           "id": 90,
           "name": "icon-play",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59925,
           "tempChar": ""
         },
@@ -571,7 +571,7 @@
           "order": 125,
           "id": 88,
           "name": "icon-pause",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59926,
           "tempChar": ""
         },
@@ -579,7 +579,7 @@
           "order": 119,
           "id": 13,
           "name": "icon-plot-resource",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59927,
           "tempChar": ""
         },
@@ -587,7 +587,7 @@
           "order": 48,
           "id": 80,
           "name": "icon-pointer-left",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59928,
           "tempChar": ""
         },
@@ -595,7 +595,7 @@
           "order": 47,
           "id": 81,
           "name": "icon-pointer-right",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59929,
           "tempChar": ""
         },
@@ -603,7 +603,7 @@
           "order": 85,
           "id": 37,
           "name": "icon-refresh",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59930,
           "tempChar": ""
         },
@@ -611,7 +611,7 @@
           "order": 55,
           "id": 71,
           "name": "icon-save",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59931,
           "tempChar": ""
         },
@@ -619,7 +619,7 @@
           "order": 56,
           "id": 70,
           "name": "icon-save-as",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59932,
           "tempChar": ""
         },
@@ -627,7 +627,7 @@
           "order": 58,
           "id": 68,
           "name": "icon-sine",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59933,
           "tempChar": ""
         },
@@ -635,7 +635,7 @@
           "order": 113,
           "id": 5,
           "name": "icon-font",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59934,
           "tempChar": ""
         },
@@ -643,7 +643,7 @@
           "order": 41,
           "id": 87,
           "name": "icon-thumbs-strip",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59935,
           "tempChar": ""
         },
@@ -651,7 +651,7 @@
           "order": 146,
           "id": 99,
           "name": "icon-two-parts-both",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59936,
           "tempChar": ""
         },
@@ -659,7 +659,7 @@
           "order": 145,
           "id": 98,
           "name": "icon-two-parts-one-only",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59937,
           "tempChar": ""
         },
@@ -667,7 +667,7 @@
           "order": 82,
           "id": 40,
           "name": "icon-resync",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59938,
           "tempChar": ""
         },
@@ -675,7 +675,7 @@
           "order": 86,
           "id": 36,
           "name": "icon-reset",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59939,
           "tempChar": ""
         },
@@ -683,7 +683,7 @@
           "order": 61,
           "id": 65,
           "name": "icon-x-in-circle",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59940,
           "tempChar": ""
         },
@@ -691,7 +691,7 @@
           "order": 84,
           "id": 38,
           "name": "icon-brightness",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59941,
           "tempChar": ""
         },
@@ -699,7 +699,7 @@
           "order": 83,
           "id": 39,
           "name": "icon-contrast",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59942,
           "tempChar": ""
         },
@@ -707,7 +707,7 @@
           "order": 87,
           "id": 35,
           "name": "icon-expand",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59943,
           "tempChar": ""
         },
@@ -715,7 +715,7 @@
           "order": 89,
           "id": 33,
           "name": "icon-list-view",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59944,
           "tempChar": ""
         },
@@ -723,7 +723,7 @@
           "order": 133,
           "id": 28,
           "name": "icon-grid-snap-to",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59945,
           "tempChar": ""
         },
@@ -731,7 +731,7 @@
           "order": 132,
           "id": 29,
           "name": "icon-grid-snap-no",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59946,
           "tempChar": ""
         },
@@ -739,7 +739,7 @@
           "order": 94,
           "id": 26,
           "name": "icon-frame-show",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59947,
           "tempChar": ""
         },
@@ -747,7 +747,7 @@
           "order": 95,
           "id": 25,
           "name": "icon-frame-hide",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59948,
           "tempChar": ""
         },
@@ -755,7 +755,7 @@
           "order": 97,
           "id": 23,
           "name": "icon-import",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59949,
           "tempChar": ""
         },
@@ -763,7 +763,7 @@
           "order": 96,
           "id": 24,
           "name": "icon-export",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59950,
           "tempChar": ""
         },
@@ -771,7 +771,7 @@
           "order": 194,
           "id": 4,
           "name": "icon-font-size",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59951,
           "tempChar": ""
         },
@@ -779,7 +779,7 @@
           "order": 163,
           "id": 141,
           "name": "icon-clear-data",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59952,
           "tempChar": ""
         },
@@ -787,7 +787,7 @@
           "order": 173,
           "id": 149,
           "name": "icon-history",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59953,
           "tempChar": ""
         },
@@ -795,7 +795,7 @@
           "order": 181,
           "id": 158,
           "name": "icon-arrow-up-to-parent",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59954,
           "tempChar": ""
         },
@@ -803,7 +803,7 @@
           "order": 184,
           "id": 159,
           "name": "icon-crosshair-in-circle",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59955,
           "tempChar": ""
         },
@@ -811,7 +811,7 @@
           "order": 185,
           "id": 161,
           "name": "icon-target",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59956,
           "tempChar": ""
         },
@@ -819,7 +819,7 @@
           "order": 187,
           "id": 163,
           "name": "icon-items-collapse",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59957,
           "tempChar": ""
         },
@@ -827,7 +827,7 @@
           "order": 188,
           "id": 162,
           "name": "icon-items-expand",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59958,
           "tempChar": ""
         },
@@ -835,7 +835,7 @@
           "order": 190,
           "id": 164,
           "name": "icon-3-dots",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59959,
           "tempChar": ""
         },
@@ -843,7 +843,7 @@
           "order": 193,
           "id": 165,
           "name": "icon-grid-on",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59960,
           "tempChar": ""
         },
@@ -851,7 +851,7 @@
           "order": 192,
           "id": 166,
           "name": "icon-grid-off",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59961,
           "tempChar": ""
         },
@@ -859,7 +859,7 @@
           "order": 191,
           "id": 167,
           "name": "icon-camera",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59962,
           "tempChar": ""
         },
@@ -867,7 +867,7 @@
           "order": 196,
           "id": 168,
           "name": "icon-folders-collapse",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 59963,
           "tempChar": ""
         },
@@ -875,7 +875,7 @@
           "order": 144,
           "id": 97,
           "name": "icon-activity",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60160,
           "tempChar": ""
         },
@@ -883,7 +883,7 @@
           "order": 104,
           "id": 16,
           "name": "icon-activity-mode",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60161,
           "tempChar": ""
         },
@@ -891,7 +891,7 @@
           "order": 137,
           "id": 125,
           "name": "icon-autoflow-tabular",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60162,
           "tempChar": ""
         },
@@ -899,7 +899,7 @@
           "order": 115,
           "id": 3,
           "name": "icon-clock",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60163,
           "tempChar": ""
         },
@@ -907,7 +907,7 @@
           "order": 2,
           "id": 132,
           "name": "icon-database",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60164,
           "tempChar": ""
         },
@@ -915,7 +915,7 @@
           "order": 3,
           "id": 131,
           "name": "icon-database-query",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60165,
           "tempChar": ""
         },
@@ -923,7 +923,7 @@
           "order": 67,
           "id": 57,
           "name": "icon-dataset",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60166,
           "tempChar": ""
         },
@@ -931,7 +931,7 @@
           "order": 59,
           "id": 67,
           "name": "icon-datatable",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60167,
           "tempChar": ""
         },
@@ -939,7 +939,7 @@
           "order": 136,
           "id": 126,
           "name": "icon-dictionary",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60168,
           "tempChar": ""
         },
@@ -947,7 +947,7 @@
           "order": 51,
           "id": 77,
           "name": "icon-folder",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60169,
           "tempChar": ""
         },
@@ -955,7 +955,7 @@
           "order": 147,
           "id": 100,
           "name": "icon-image",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60170,
           "tempChar": ""
         },
@@ -963,7 +963,7 @@
           "order": 4,
           "id": 130,
           "name": "icon-layout",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60171,
           "tempChar": ""
         },
@@ -971,7 +971,7 @@
           "order": 24,
           "id": 108,
           "name": "icon-object",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60172,
           "tempChar": ""
         },
@@ -979,7 +979,7 @@
           "order": 52,
           "id": 76,
           "name": "icon-object-unknown",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60173,
           "tempChar": ""
         },
@@ -987,7 +987,7 @@
           "order": 105,
           "id": 15,
           "name": "icon-packet",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60174,
           "tempChar": ""
         },
@@ -995,7 +995,7 @@
           "order": 126,
           "id": 74,
           "name": "icon-page",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60175,
           "tempChar": ""
         },
@@ -1003,7 +1003,7 @@
           "order": 130,
           "id": 44,
           "name": "icon-plot-overlay",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60176,
           "tempChar": ""
         },
@@ -1011,7 +1011,7 @@
           "order": 80,
           "id": 42,
           "name": "icon-plot-stacked",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60177,
           "tempChar": ""
         },
@@ -1019,7 +1019,7 @@
           "order": 134,
           "id": 14,
           "name": "icon-session",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60178,
           "tempChar": ""
         },
@@ -1027,7 +1027,7 @@
           "order": 109,
           "id": 9,
           "name": "icon-tabular",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60179,
           "tempChar": ""
         },
@@ -1035,7 +1035,7 @@
           "order": 107,
           "id": 11,
           "name": "icon-tabular-lad",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60180,
           "tempChar": ""
         },
@@ -1043,7 +1043,7 @@
           "order": 106,
           "id": 12,
           "name": "icon-tabular-lad-set",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60181,
           "tempChar": ""
         },
@@ -1051,7 +1051,7 @@
           "order": 70,
           "id": 54,
           "name": "icon-tabular-realtime",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60182,
           "tempChar": ""
         },
@@ -1059,7 +1059,7 @@
           "order": 60,
           "id": 66,
           "name": "icon-tabular-scrolling",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60183,
           "tempChar": ""
         },
@@ -1067,7 +1067,7 @@
           "order": 131,
           "id": 43,
           "name": "icon-telemetry",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60184,
           "tempChar": ""
         },
@@ -1075,7 +1075,7 @@
           "order": 202,
           "id": 10,
           "name": "icon-timeline",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60185,
           "tempChar": ""
         },
@@ -1083,7 +1083,7 @@
           "order": 81,
           "id": 41,
           "name": "icon-timer",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60186,
           "tempChar": ""
         },
@@ -1091,7 +1091,7 @@
           "order": 69,
           "id": 55,
           "name": "icon-topic",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60187,
           "tempChar": ""
         },
@@ -1099,7 +1099,7 @@
           "order": 79,
           "id": 45,
           "name": "icon-box-with-dashed-lines-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60188,
           "tempChar": ""
         },
@@ -1107,7 +1107,7 @@
           "order": 90,
           "id": 32,
           "name": "icon-summary-widget",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60189,
           "tempChar": ""
         },
@@ -1115,7 +1115,7 @@
           "order": 92,
           "id": 30,
           "name": "icon-notebook",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60190,
           "tempChar": ""
         },
@@ -1123,7 +1123,7 @@
           "order": 168,
           "id": 0,
           "name": "icon-tabs-view",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60191,
           "tempChar": ""
         },
@@ -1131,7 +1131,7 @@
           "order": 117,
           "id": 1,
           "name": "icon-flexible-layout",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60192,
           "tempChar": ""
         },
@@ -1139,7 +1139,7 @@
           "order": 166,
           "id": 144,
           "name": "icon-generator-sine",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60193,
           "tempChar": ""
         },
@@ -1147,7 +1147,7 @@
           "order": 167,
           "id": 143,
           "name": "icon-generator-event",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60194,
           "tempChar": ""
         },
@@ -1155,7 +1155,7 @@
           "order": 165,
           "id": 138,
           "name": "icon-gauge-v2",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60195,
           "tempChar": ""
         },
@@ -1163,7 +1163,7 @@
           "order": 170,
           "id": 148,
           "name": "icon-spectra",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60196,
           "tempChar": ""
         },
@@ -1171,7 +1171,7 @@
           "order": 171,
           "id": 147,
           "name": "icon-telemetry-spectra",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60197,
           "tempChar": ""
         },
@@ -1179,7 +1179,7 @@
           "order": 172,
           "id": 146,
           "name": "icon-pushbutton",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60198,
           "tempChar": ""
         },
@@ -1187,7 +1187,7 @@
           "order": 174,
           "id": 151,
           "name": "icon-conditional",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60199,
           "tempChar": ""
         },
@@ -1195,7 +1195,7 @@
           "order": 178,
           "id": 154,
           "name": "icon-condition-widget",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60200,
           "tempChar": ""
         },
@@ -1203,7 +1203,7 @@
           "order": 180,
           "id": 155,
           "name": "icon-alphanumeric",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60201,
           "tempChar": ""
         },
@@ -1211,7 +1211,7 @@
           "order": 183,
           "id": 156,
           "name": "icon-image-telemetry",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60202,
           "tempChar": ""
         },
@@ -1219,7 +1219,7 @@
           "order": 198,
           "id": 170,
           "name": "icon-telemetry-aggregate",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60203,
           "tempChar": ""
         },
@@ -1227,7 +1227,7 @@
           "order": 199,
           "id": 172,
           "name": "icon-bar-graph",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60204,
           "tempChar": ""
         },
@@ -1235,7 +1235,7 @@
           "order": 200,
           "id": 171,
           "name": "icon-map",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60205,
           "tempChar": ""
         },
@@ -1243,9 +1243,17 @@
           "order": 203,
           "id": 174,
           "name": "icon-plan",
-          "prevSize": 24,
+          "prevSize": 16,
           "code": 60206,
           "tempChar": ""
+        },
+        {
+          "order": 204,
+          "id": 175,
+          "name": "icon-timelist",
+          "prevSize": 16,
+          "code": 60207,
+          "tempChar": ""
         }
       ],
       "id": 0,
@@ -1258,7 +1266,7 @@
         "designer": "Charles Hacskaylo"
       },
       "height": 1024,
-      "prevSize": 24,
+      "prevSize": 16,
       "icons": [
         {
           "id": 47,
@@ -3972,6 +3980,26 @@
               {}
             ]
           }
+        },
+        {
+          "id": 175,
+          "paths": [
+            "M896 0h-768c-70.606 0.215-127.785 57.394-128 127.979l-0 0.021v768c0.215 70.606 57.394 127.785 127.979 128l0.021 0h768c70.606-0.215 127.785-57.394 128-127.979l0-0.021v-768c-0.215-70.606-57.394-127.785-127.979-128l-0.021-0zM426.94 533.46c-8.054 15.864-24.249 26.545-42.938 26.545-7.823 0-15.209-1.871-21.734-5.191l0.273 0.126-154.54-77.28v-221.66c0-26.51 21.49-48 48-48s48 21.49 48 48v0 162.34l101.46 50.72c15.864 8.054 26.545 24.249 26.545 42.938 0 7.823-1.871 15.209-5.191 21.734l0.126-0.273zM896 896h-320v-128h320zM896 704h-320v-128h320zM896 512h-320v-128h320zM896 320h-320v-128h320z"
+          ],
+          "attrs": [
+            {}
+          ],
+          "isMulticolor": false,
+          "isMulticolor2": false,
+          "grid": 16,
+          "tags": [
+            "icon-timelist"
+          ],
+          "colorPermutations": {
+            "12552552551": [
+              {}
+            ]
+          }
         }
       ],
       "invisible": false,
diff --git a/src/styles/fonts/Open-MCT-Symbols-16px.svg b/src/styles/fonts/Open-MCT-Symbols-16px.svg
index 4f3ced4f59..3ebe2bfb1b 100644
--- a/src/styles/fonts/Open-MCT-Symbols-16px.svg
+++ b/src/styles/fonts/Open-MCT-Symbols-16px.svg
@@ -162,4 +162,5 @@
 <glyph unicode="&#xeb2c;" glyph-name="icon-bar-graph" d="M832 832h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM267.64-64h-139.64v448h139.64zM477.1-64h-139.64v768h139.64zM686.54-64h-139.64v320h139.64zM896-64h-139.64v640h139.64z" />
 <glyph unicode="&#xeb2d;" glyph-name="icon-map" d="M896 766.6l-128-62.6v-896l128 62.6c70.4 34.42 128 120.2 128 190.6v640c0 70.4-57.6 99.82-128 65.4zM320-80l387.2-96.8v896l-387.2 96.8v-896zM259.2 831.2l-3.2 0.8-128-62.6c-70.4-34.42-128-120.2-128-190.6v-640c0-70.4 57.6-99.82 128-65.4l128 62.6 3.2-0.8z" />
 <glyph unicode="&#xeb2e;" glyph-name="icon-plan" d="M256 640v64c0.215 70.606 57.394 127.785 127.979 128h256.021c70.606-0.215 127.785-57.394 128-127.979v-64.021zM832 704v-128h-640v128c-105.6 0-192-86.4-192-192v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512c0 105.6-86.4 192-192 192zM128 256v128h256v-128zM640 0h-384v128h384zM896 0h-128v128h128zM896 256h-384v128h384z" />
+<glyph unicode="&#xeb2f;" glyph-name="icon-timelist" d="M896 832h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128h-0.021zM426.94 298.54c-8.054-15.864-24.249-26.545-42.938-26.545-7.823 0-15.209 1.871-21.734 5.191l0.273-0.126-154.54 77.28v221.66c0 26.51 21.49 48 48 48s48-21.49 48-48v0-162.34l101.46-50.72c15.864-8.054 26.545-24.249 26.545-42.938 0-7.823-1.871-15.209-5.191-21.734l0.126 0.273zM896-64h-320v128h320zM896 128h-320v128h320zM896 320h-320v128h320zM896 512h-320v128h320z" />
 </font></defs></svg>
\ No newline at end of file
diff --git a/src/styles/fonts/Open-MCT-Symbols-16px.ttf b/src/styles/fonts/Open-MCT-Symbols-16px.ttf
index 9504509cee..f4f69f5c72 100644
Binary files a/src/styles/fonts/Open-MCT-Symbols-16px.ttf and b/src/styles/fonts/Open-MCT-Symbols-16px.ttf differ
diff --git a/src/styles/fonts/Open-MCT-Symbols-16px.woff b/src/styles/fonts/Open-MCT-Symbols-16px.woff
index 18347a354b..5268da2101 100644
Binary files a/src/styles/fonts/Open-MCT-Symbols-16px.woff and b/src/styles/fonts/Open-MCT-Symbols-16px.woff differ
diff --git a/src/styles/vue-styles.scss b/src/styles/vue-styles.scss
index 3521ff4d0c..cf5eef5598 100644
--- a/src/styles/vue-styles.scss
+++ b/src/styles/vue-styles.scss
@@ -15,7 +15,6 @@
 @import "../plugins/flexibleLayout/components/flexible-layout.scss";
 @import "../plugins/folderView/components/grid-view.scss";
 @import "../plugins/folderView/components/list-item.scss";
-@import "../plugins/folderView/components/list-view.scss";
 @import "../plugins/imagery/components/imagery-view.scss";
 @import "../plugins/imagery/components/Compass/compass.scss";
 @import "../plugins/telemetryTable/components/table-row.scss";
@@ -28,6 +27,7 @@
 @import "../plugins/timeConductor/conductor-mode-icon.scss";
 @import "../plugins/timeConductor/date-picker.scss";
 @import "../plugins/timeline/timeline.scss";
+@import "../plugins/timelist/timelist.scss";
 @import "../plugins/plan/plan";
 @import "../plugins/viewDatumAction/components/metadata-list.scss";
 @import "../ui/components/object-frame.scss";
@@ -37,6 +37,7 @@
 @import "../ui/components/swim-lane/swimlane.scss";
 @import "../ui/components/toggle-switch.scss";
 @import "../ui/components/timesystem-axis.scss";
+@import "../ui/components/List/list-view.scss";
 @import "../ui/inspector/elements.scss";
 @import "../ui/inspector/inspector.scss";
 @import "../ui/inspector/location.scss";
diff --git a/src/ui/components/List/ListHeader.vue b/src/ui/components/List/ListHeader.vue
new file mode 100644
index 0000000000..99f4192bdf
--- /dev/null
+++ b/src/ui/components/List/ListHeader.vue
@@ -0,0 +1,56 @@
+<template>
+<th
+    v-if="isSortable"
+    class="is-sortable"
+    :class="{
+        'is-sorting': currentSort === property,
+        'asc': direction,
+        'desc': !direction
+    }"
+    @click="sort(property, direction)"
+>
+    {{ title }}
+</th>
+<th v-else>
+    {{ title }}
+</th>
+</template>
+
+<script>
+
+export default {
+    inject: ['openmct'],
+    props: {
+        property: {
+            type: String,
+            required: true
+        },
+        currentSort: {
+            type: String,
+            required: true
+        },
+        title: {
+            type: String,
+            required: true
+        },
+        direction: {
+            type: Boolean,
+            required: true
+        },
+        isSortable: {
+            type: Boolean,
+            default() {
+                return false;
+            }
+        }
+    },
+    methods: {
+        sort(property, direction) {
+            this.$emit('sort', {
+                property,
+                direction
+            });
+        }
+    }
+};
+</script>
diff --git a/src/ui/components/List/ListItem.vue b/src/ui/components/List/ListItem.vue
new file mode 100644
index 0000000000..adabd4db3d
--- /dev/null
+++ b/src/ui/components/List/ListItem.vue
@@ -0,0 +1,53 @@
+<template>
+<tr
+    class="c-list-item js-list-item"
+    :class="item.cssClass || ''"
+>
+    <td
+        v-for="itemValue in formattedItemValues"
+        :key="itemValue.key"
+        class="c-list-item__value js-list-item__value"
+        :class="['--' + itemValue.key]"
+        :title="itemValue.text"
+    >
+        {{ itemValue.text }}
+    </td>
+</tr>
+</template>
+
+<script>
+import _ from 'lodash';
+
+export default {
+    inject: ['openmct'],
+    props: {
+        item: {
+            type: Object,
+            required: true
+        },
+        itemProperties: {
+            type: Array,
+            required: true
+        }
+    },
+    computed: {
+        formattedItemValues() {
+            let values = [];
+            this.itemProperties.forEach((property) => {
+                // eslint-disable-next-line you-dont-need-lodash-underscore/get
+                let value = _.get(this.item, property.key);
+                if (property.format) {
+                    value = property.format(value, this.item, property.key);
+                }
+
+                values.push({
+                    text: value,
+                    key: property.key
+                });
+            });
+
+            return values;
+        }
+    }
+};
+</script>
diff --git a/src/ui/components/List/ListView.vue b/src/ui/components/List/ListView.vue
new file mode 100644
index 0000000000..08bac410d9
--- /dev/null
+++ b/src/ui/components/List/ListView.vue
@@ -0,0 +1,142 @@
+<template>
+<div class="c-table c-table--sortable c-list-view c-list-view--sticky-header">
+    <table class="c-table__body js-table__body">
+        <thead class="c-table__header">
+            <tr>
+                <list-header
+                    v-for="headerItem in headerItems"
+                    :key="headerItem.property"
+                    :direction="sortBy === headerItem.property ? ascending : headerItem.defaultDirection"
+                    :is-sortable="headerItem.isSortable"
+                    :title="headerItem.name"
+                    :property="headerItem.property"
+                    :current-sort="sortBy"
+                    @sort="sort"
+                />
+            </tr>
+        </thead>
+        <tbody>
+            <list-item
+                v-for="item in sortedItems"
+                :key="item.key"
+                :item="item"
+                :item-properties="itemProperties"
+            />
+        </tbody>
+    </table>
+</div>
+</template>
+
+<script>
+import ListItem from './ListItem.vue';
+import ListHeader from './ListHeader.vue';
+import _ from 'lodash';
+
+export default {
+    components: {
+        ListItem,
+        ListHeader
+    },
+    inject: ['domainObject', 'openmct'],
+    props: {
+        headerItems: {
+            type: Array,
+            required: true
+        },
+        items: {
+            type: Array,
+            required: true
+        },
+        defaultSort: {
+            type: Object,
+            default() {
+                return {
+                    property: '',
+                    defaultDirection: true
+                };
+            }
+        },
+        storageKey: {
+            type: String,
+            default() {
+                return undefined;
+            }
+        }
+    },
+    data() {
+        let sortBy = this.defaultSort.property;
+        let ascending = this.defaultSort.defaultDirection;
+        if (this.storageKey) {
+            let persistedSortOrder = window.localStorage.getItem(this.storageKey);
+
+            if (persistedSortOrder) {
+                let parsed = JSON.parse(persistedSortOrder);
+
+                sortBy = parsed.sortBy;
+                ascending = parsed.ascending;
+            }
+        }
+
+        return {
+            sortBy,
+            ascending
+        };
+    },
+    computed: {
+        sortedItems() {
+            let sortedItems = _.sortBy(this.items, this.sortBy);
+            if (!this.ascending) {
+                sortedItems = sortedItems.reverse();
+            }
+
+            return sortedItems;
+        },
+        itemProperties() {
+            return this.headerItems.map((headerItem) => {
+                return {
+                    key: headerItem.property,
+                    format: headerItem.format
+                };
+            });
+        }
+    },
+    watch: {
+        defaultSort: {
+            handler() {
+                this.setSort();
+            },
+            deep: true
+        }
+    },
+    methods: {
+        setSort() {
+            this.sortBy = this.defaultSort.property;
+            this.ascending = this.defaultSort.defaultDirection;
+        },
+        sort(data) {
+            const property = data.property;
+            const direction = data.direction;
+
+            if (this.sortBy === property) {
+                this.ascending = !this.ascending;
+            } else {
+                this.sortBy = property;
+                this.ascending = direction;
+            }
+
+            if (this.storageKey) {
+                window.localStorage
+                    .setItem(
+                        this.storageKey,
+                        JSON.stringify(
+                            {
+                                sortBy: this.sortBy,
+                                ascending: this.ascending
+                            }
+                        )
+                    );
+            }
+        }
+    }
+};
+</script>
diff --git a/src/ui/components/List/list-view.scss b/src/ui/components/List/list-view.scss
new file mode 100644
index 0000000000..ab1484814f
--- /dev/null
+++ b/src/ui/components/List/list-view.scss
@@ -0,0 +1,40 @@
+/******************************* LIST VIEW */
+.c-list-view {
+    tbody tr {
+        background: $colorListItemBg;
+        transition: $transOut;
+    }
+
+    td {
+        $p: floor($interiorMargin * 1.5);
+        @include ellipsize();
+        line-height: 120%; // Needed for icon alignment
+        max-width: 0;
+        padding-top: $p;
+        padding-bottom: $p;
+        width: 25%;
+    }
+
+    &--selectable {
+        body.desktop & {
+            tbody tr {
+                cursor: pointer;
+
+                &:hover {
+                    background: $colorListItemBgHov;
+                    filter: $filterHov;
+                    transition: $transIn;
+                }
+            }
+        }
+    }
+
+    &--sticky-header {
+        thead tr {
+            position: -webkit-sticky;
+            position: sticky;
+            top: 0;
+            z-index: 2;
+        }
+    }
+}
diff --git a/src/ui/inspector/inspector.scss b/src/ui/inspector/inspector.scss
index ba79a243a0..93dc6a95d8 100644
--- a/src/ui/inspector/inspector.scss
+++ b/src/ui/inspector/inspector.scss
@@ -79,6 +79,11 @@
         padding-right: 0;
     }
 
+    textarea {
+        // When a textarea is in the Inspector, only allow vertical resize
+        resize: vertical;
+    }
+
     /************************************************************** LEGACY */
     .l-inspector-part {
         display: contents;
@@ -151,7 +156,8 @@
         padding: 3px $interiorMarginLg 3px 0;
     }
 
-    &__label {
+    &__label,
+    &__hint {
         color: $colorInspectorPropName;
 
         &[title]:not([title=""]) {
@@ -167,6 +173,14 @@
             grid-column: 1 / 3;
         }
     }
+
+    .is-editing & {
+        .c-inspect-properties {
+            &__value, &__label {
+                line-height: 160%; // Prevent buttons/selects from overlapping when wrapping
+            }
+        }
+    }
 }
 
 /********************************************* INSPECTOR PROPERTIES TAB */