diff --git a/.gitignore b/.gitignore
index e95d1d7..d8e1457 100644
--- a/.gitignore
+++ b/.gitignore
@@ -350,3 +350,4 @@ healthchecksdb
 src/ViewAllMetadata/ViewAllMetadata.UIX.mfappx
 *.mfappx
 /src/Common/bundles
+/src/UIHelpers/install-application.local.ps1
diff --git a/README.md b/README.md
index e4220c1..cb2fc70 100644
--- a/README.md
+++ b/README.md
@@ -3,3 +3,64 @@
 These are some example UIX applications showing how commonly-requested functionality can be created and maintained by third parties.
 
 **NOTE: This code is produced as an open-source sample.  M-Files can provide no support on its use, nor can be held responsible for issues caused by its use or misuse.**
+
+## Getting started
+
+### Installation
+
+This application is designed to be distributed via the compiled `UIHelpers.mfappx` file.  This can be installed to the vault using [M-Files Admin](https://www.m-files.com/user-guide/latest/eng/Applications.html).  The application must be built from the source code in this repository; M-Files does not distribute compiled versions.
+
+### Configuration
+
+Once installed, navigate to the vault's `Configuration` section, expand `Other Applications` and select `UI Helpers`.  Selecting the `Configuration` tab will allow each module to be configured separately.  Common module configuration includes:
+
+* Whether the module is enabled or not.
+* Which users can access the module (either by role - e.g. "all users with the full control role" - or by specifically allowing access to certain users or groups).
+* Control over any UI components that the module contains (e.g. the default height/width of the popup window, which locations the UI component can be shown in, etc.).
+* The ability to provide translations for common UI elements that are automatically applied based on the desktop language of the user.
+* Logging.
+
+## Available modules
+
+### Show preview
+
+This module allows users to view the preview of an object either in the "bottom pane" (below the listing) or in a popout window.  This allows the user to view both the preview and metadata card at the same time.
+
+By default this module is **not enabled**.  When enabled it defaults to allowing **all users** to see the preview.  These defaults can be changed in the configuration.
+
+To start, ensure that the [module is activated and your user has access](#getting-started) then open M-Files Desktop, right-click on an object and select `Show preview`.  The preview appears below the listing, but can be toggled to other locations using the icons in the Function Ribbon.  The preview can be closed by clicking the `Close` button.
+
+### View all metadata
+
+This module allows users to view the metadata of an object without Metadata Card Configuration rules applied.  This can be useful in some situations (e.g. to debug Metadata Card Configuration rules).  **Note: Metadata Card Configuration rules should never be used instead of proper property-level permissions.**
+
+By default this module is **not enabled**.  When enabled it defaults to allowing **users with the full control of vault role** to see all metadata.  These defaults can be changed in the configuration.
+
+To start, ensure that the [module is activated and your user has access](#getting-started) then open M-Files Desktop, right-click on an object and select `View all metadata`.  The raw metadata appears below the listing, but can be toggled to other locations using the icons in the Function Ribbon.  The metadata card can be closed by clicking the `Close` button.
+
+## Project structure
+
+### UIHelpers.csproj
+
+The core project that declares the various modules that are available.  Each module consists of server-side components, held in this project, and optional client-side components, held in their own project.
+
+### Common.csproj
+
+A project containing common files for use in client-side (UIX) components.  Individual files in the `src` folder can be linked as-is (although note that they may have dependencies), but the recommended approach is to link to the associated files in the `bundle` folder, which are created automatically on build.  The definition for these bundled files can be seen in `bundleconfig.json`.
+
+### ShowPreview.UIX.csproj
+
+A pure-JavaScript UIX application that allows the user to view previews of the selected object.
+
+* `app\shellui.js` contains the application entry point.
+* `app\dashboard\dashboard.js` contains the dashboard entry point.
+* `app\scripts\renderers\objectrenderer.js` contains the `render` method which is called when an object is selected, and which renders the preview itself.
+
+### ViewAllMetadata.UIX.csproj
+
+A pure-JavaScript UIX application that allows the user to view the metadata card of the selected object without any metadata card configuration rules applied.
+
+* `app\shellui.js` contains the application entry point.
+* `app\dashboard\dashboard.js` contains the dashboard entry point.
+* `app\scripts\renderers\objectrenderer.js` contains the `render` method which is called when an object is selected, and which renders the properties to the screen.
+* `app\scripts\renderers\*PropertyValueRenderer.js` contain renderers for different property data types.
diff --git a/src/Common/Common.csproj b/src/Common/Common.csproj
index 982cd12..d19d169 100644
--- a/src/Common/Common.csproj
+++ b/src/Common/Common.csproj
@@ -1,4 +1,4 @@
-<Project ToolsVersion="14.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003" InitialTargets="CleanAll">
+<Project ToolsVersion="14.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <Import Project="$(MSBuildExtensionsPath)$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)$(MSBuildToolsVersion)\Microsoft.Common.props')" />
   <PropertyGroup>
     <_BundlerMinifierTaskAssembly Condition="'$(MSBuildRuntimeType)' == 'Core'">..\packages\BuildBundlerMinifier.3.2.449\tools\netstandard1.3\BundlerMinifier.dll</_BundlerMinifierTaskAssembly>
@@ -40,9 +40,22 @@
     </Content>
     <Content Include="src\dashboards\base-dashboard.css" />
     <Content Include="src\ConfigurationManager.js" />
+    <Content Include="src\dashboards\images\arrow_drop_down_s1_grey.png" />
+    <Content Include="src\dashboards\images\create_s1_grey.png" />
+    <Content Include="src\dashboards\images\delete_s1_grey.png" />
+    <Content Include="src\dashboards\images\disable.png" />
+    <Content Include="src\dashboards\images\ellipsis_s1_grey.png" />
+    <Content Include="src\dashboards\images\enable.png" />
+    <Content Include="src\dashboards\images\filter_s1.png" />
+    <Content Include="src\dashboards\images\filter_s1.svg" />
+    <Content Include="src\dashboards\images\filter_s1_grey.png" />
+    <Content Include="src\dashboards\images\filter_s1_grey.svg" />
+    <Content Include="src\dashboards\images\icon-delete.png" />
     <Content Include="src\dashboards\scripts\console-dashboard.js" />
     <Content Include="src\console-shellui.js" />
     <Content Include="src\dashboards\scripts\Dashboard.js" />
+    <Content Include="src\dashboards\scripts\Promise.polyfill.min.js" />
+    <Content Include="src\dashboards\scripts\setImmediate.js" />
     <Content Include="src\Events.js" />
     <Content Include="src\dashboards\images\bottom-pane.png" />
     <Content Include="src\dashboards\images\icon-edit.png" />
@@ -51,6 +64,7 @@
     <Content Include="src\json2.js" />
     <Content Include="src\Orchestrator.js" />
     <Content Include="src\dashboards\scripts\jquery-1.12.4.min.js" />
+    <Content Include="src\Promise.polyfill.shellui.js" />
     <Content Include="src\SingleWindowOrchestrator.js" />
     <Content Include="src\VaultStructureManager.js" />
     <Content Include="src\WindowManager.js" />
@@ -59,16 +73,12 @@
     <None Include="bundleconfig.json" />
     <None Include="packages.config" />
   </ItemGroup>
-  <Target Name="CleanAll">
+  <Target Name="Clean">
     <RemoveDir Directories="out;bin;obj;bundles" />
-    <BundlerMinifier.BundlerBuildTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
   </Target>
   <Target Name="Build">
+    <BundlerMinifier.BundlerBuildTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
   </Target>
-  <Target Name="BundleMinifyClean" AfterTargets="CoreClean">
-    <BundlerMinifier.BundlerCleanTask FileName="$(MSBuildProjectDirectory)\bundleconfig.json" />
-  </Target>
-  <Target Name="Rebuild" DependsOnTargets="CleanAll" />
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
   <Target Name="BeforeBuild">
diff --git a/src/Common/bundleconfig.json b/src/Common/bundleconfig.json
index 5f62479..b2ad3a6 100644
--- a/src/Common/bundleconfig.json
+++ b/src/Common/bundleconfig.json
@@ -9,7 +9,8 @@
       "src/SingleWindowOrchestrator.js",
       "src/ConfigurationManager.js",
       "src/VaultStructureManager.js",
-      "src/WindowManager.js"
+      "src/WindowManager.js",
+      "src/Promise.polyfill.shellui.js"
     ]
   },
   {
@@ -17,6 +18,8 @@
     "inputFiles": [
       "src/dashboards/scripts/console-dashboard.js",
       "src/dashboards/scripts/jquery-1.12.4.min.js",
+      "src/dashboards/scripts/setImmediate.js",
+      "src/dashboards/scripts/Promise.polyfill.min.js",
       "src/Events.js",
       "src/dashboards/scripts/Dashboard.js"
     ]
diff --git a/src/Common/src/Events.js b/src/Common/src/Events.js
index 7be68d7..0fd9cf7 100644
--- a/src/Common/src/Events.js
+++ b/src/Common/src/Events.js
@@ -19,6 +19,6 @@
 			eventListeners[eventType] = [];
 		for (var i = 0; i < eventListeners[eventType].length; i++)
 			if (typeof (eventListeners[eventType][i]) == "function")
-				eventListeners[eventType][i].apply(e, Array.prototype.slice.call(arguments, 1));
+				eventListeners[eventType][i].apply(this, Array.prototype.slice.call(arguments, 1));
 	}
 }
\ No newline at end of file
diff --git a/src/Common/src/Promise.polyfill.shellui.js b/src/Common/src/Promise.polyfill.shellui.js
new file mode 100644
index 0000000..fc3c410
--- /dev/null
+++ b/src/Common/src/Promise.polyfill.shellui.js
@@ -0,0 +1,94 @@
+function Promise(fn)
+{
+    var p = this;
+    var run = false;
+    var success = false;
+    var data = null;
+    var calledBack = false;
+    var thenCallbacks = [];
+    var catchCallbacks = [];
+
+    function resolve(d)
+    {
+        data = d;
+        calledBack = true;
+        success = true;
+        p.then();
+    }
+    function reject()
+    {
+        calledBack = true;
+        success = false;
+        p["catch"]();
+    }
+
+    function action()
+    {
+        try
+        {
+            run = true;
+            fn(resolve, reject);
+        }
+        catch (e)
+        {
+            console.log(e);
+            MFiles.ThrowError(MFiles.GetLongErrorDescription(e));
+        }
+    }
+
+    p.then = function (fn)
+    {
+        if (typeof fn == "function")
+            thenCallbacks.push(fn);
+
+        // Have we already run?
+        if (run)
+        {
+            // Sanity.
+            if (false == calledBack)
+            {
+                console.error("Promise execution did not call resolve or reject.");
+            }
+
+            // Was it successful?
+            if (success)
+            {
+                for (var i = 0; i < thenCallbacks.length; i++)
+                    thenCallbacks[i](data);
+            }
+            return p;
+        }
+
+        return p;
+    }
+
+    p["catch"] = function (fn)
+    {
+        if (typeof fn == "function")
+            catchCallbacks.push(fn);
+
+        // Have we already run?
+        if (run)
+        {
+            // Sanity.
+            if (false == calledBack)
+            {
+                console.error("Promise execution did not call resolve or reject.");
+            }
+
+            // Was it unsuccessful?
+            if (!success)
+            {
+                for (var i = 0; i < catchCallbacks.length; i++)
+                    catchCallbacks[i](data);
+            }
+            return p;
+        }
+
+        return p;
+    }
+
+    MFiles.SetTimer(50, action);
+
+    return p;
+}
\ No newline at end of file
diff --git a/src/Common/src/VaultStructureManager.js b/src/Common/src/VaultStructureManager.js
index c002614..203db66 100644
--- a/src/Common/src/VaultStructureManager.js
+++ b/src/Common/src/VaultStructureManager.js
@@ -10,8 +10,14 @@
 
 	var propertyDefinitions = {};
 	var classes = {};
+	var valueLists = {};
 
-	t.getPropertyDefinition = function(propertyDefId)
+	t.getValueList = function (valueListId)
+	{
+		return valueLists[valueListId];
+	}
+
+	t.getPropertyDefinition = function (propertyDefId)
 	{
 		return propertyDefinitions[propertyDefId];
 	}
@@ -59,6 +65,25 @@
 					// Error checking permissions.
 					MFiles.ReportException(errorobj);
 				}
+		);
+
+		// Load all the value lists.
+		shellUI.Vault.Async.ValueListOperations.GetValueLists
+			(
+				function (output)
+				{
+					valueLists = {};
+					for (var i = 0; i < output.Count; i++)
+					{
+						var pd = output[i];
+						valueLists[pd.ID] = pd;
+					}
+				},
+				function (shorterror, longerror, errorobj)
+				{
+					// Error checking permissions.
+					MFiles.ReportException(errorobj);
+				}
 			);
     }
 
diff --git a/src/Common/src/WindowManager.js b/src/Common/src/WindowManager.js
index e369b18..079482d 100644
--- a/src/Common/src/WindowManager.js
+++ b/src/Common/src/WindowManager.js
@@ -5,7 +5,7 @@
 	var tabId = null;
 	var tabTitle = null;
 	var t = this;
-	var registrationCallback = null;
+	var selectionChangedCallback = null;
 	var bottomTab;
 	var sideTab;
 	var shown = false;
@@ -41,7 +41,7 @@
 
 		// Set the new location.
 		currentLocation = newLocation;
-		registrationCallback = null;
+		selectionChangedCallback = null;
 
 		// Update vault.
 		t.saveDefaultWindowSize();
@@ -188,9 +188,9 @@
 
 		// Define the data to send to the dashboard.
 		var customData = {
-			registrationCallback: function (fn)
+			selectionChangedCallback: function (fn)
 			{
-				registrationCallback = fn
+				selectionChangedCallback = fn
 			},
 			tabClosedCallback: t.close,
 			windowManager: orchestrator.getWindowManager(),
@@ -202,7 +202,7 @@
 		};
 
 		// If we have a function then try to call it.
-		if (registrationCallback && typeof (registrationCallback) == "function")
+		if (selectionChangedCallback && typeof (selectionChangedCallback) == "function")
 		{
 			try
 			{
@@ -210,7 +210,7 @@
 				var selectedItems = orchestrator.getSelectedItems()
 				if (null == selectedItems)
 					return false;
-				registrationCallback(selectedItems);
+				selectionChangedCallback(selectedItems);
 
 				switch (currentLocation)
 				{
diff --git a/src/Common/src/dashboards/base-dashboard.css b/src/Common/src/dashboards/base-dashboard.css
index d631cf6..fc8d1b1 100644
--- a/src/Common/src/dashboards/base-dashboard.css
+++ b/src/Common/src/dashboards/base-dashboard.css
@@ -8,7 +8,7 @@ head, body {
 
 body {
     padding: 10px;
-    font-family: Lato;
+    font-family: Lato, Segoe UI, Tahoma, Arial, sans-serif;
     color: #767676;
 }
 
@@ -72,15 +72,23 @@ button {
     text-align: center;
 }
 
-    button:hover, button:active, button.save:active, button.save:hover {
-        border-color: #318CCC;
-        background-color: #318CCC;
-        color: white;
-    }
+button:hover, button:active, button.save:active, button.save:hover {
+    border-color: #318CCC;
+    background-color: #318CCC;
+    color: white;
+}
 
-    button.save {
-        border-color: #318CCC;
-        color: #318CCC;
+button.save {
+    border-color: #318CCC;
+    color: #318CCC;
+}
+    button.save:disabled, button.save[disabled],
+    button.save:disabled:active, button.save:disabled:hover,
+    button.save[disabled]:active, button.save[disabled]:hover {
+        color: #CCC;
+        border-color: #CCC;
+        cursor: not-allowed;
+        background-color: white;
     }
 
 .buttonGroup.top {
diff --git a/src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png b/src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png
new file mode 100644
index 0000000..c2491db
Binary files /dev/null and b/src/Common/src/dashboards/images/arrow_drop_down_s1_grey.png differ
diff --git a/src/Common/src/dashboards/images/create_s1_grey.png b/src/Common/src/dashboards/images/create_s1_grey.png
new file mode 100644
index 0000000..17122d0
Binary files /dev/null and b/src/Common/src/dashboards/images/create_s1_grey.png differ
diff --git a/src/Common/src/dashboards/images/delete_s1_grey.png b/src/Common/src/dashboards/images/delete_s1_grey.png
new file mode 100644
index 0000000..fae153d
Binary files /dev/null and b/src/Common/src/dashboards/images/delete_s1_grey.png differ
diff --git a/src/Common/src/dashboards/images/disable.png b/src/Common/src/dashboards/images/disable.png
new file mode 100644
index 0000000..7e19f71
Binary files /dev/null and b/src/Common/src/dashboards/images/disable.png differ
diff --git a/src/Common/src/dashboards/images/ellipsis_s1_grey.png b/src/Common/src/dashboards/images/ellipsis_s1_grey.png
new file mode 100644
index 0000000..9003ee3
Binary files /dev/null and b/src/Common/src/dashboards/images/ellipsis_s1_grey.png differ
diff --git a/src/Common/src/dashboards/images/enable.png b/src/Common/src/dashboards/images/enable.png
new file mode 100644
index 0000000..8dd1e4a
Binary files /dev/null and b/src/Common/src/dashboards/images/enable.png differ
diff --git a/src/Common/src/dashboards/images/filter_s1.png b/src/Common/src/dashboards/images/filter_s1.png
new file mode 100644
index 0000000..d3b6f36
Binary files /dev/null and b/src/Common/src/dashboards/images/filter_s1.png differ
diff --git a/src/Common/src/dashboards/images/filter_s1.svg b/src/Common/src/dashboards/images/filter_s1.svg
new file mode 100644
index 0000000..1986c0d
--- /dev/null
+++ b/src/Common/src/dashboards/images/filter_s1.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0284 1H1.97159C1.56491 1 1.32835 1.45969 1.56473 1.79062L5.90687 7.86961C5.96744 7.95441 6 8.05602 6 8.16023V14.2785C6 14.6276 6.34869 14.8692 6.67556 14.7467L9.67556 13.6217C9.87071 13.5485 10 13.3619 10 13.1535V8.16023C10 8.05602 10.0326 7.95441 10.0931 7.86961L14.4353 1.79062C14.6717 1.45968 14.4351 1 14.0284 1Z" fill="white"/>
+</svg>
diff --git a/src/Common/src/dashboards/images/filter_s1_grey.png b/src/Common/src/dashboards/images/filter_s1_grey.png
new file mode 100644
index 0000000..ac905a4
Binary files /dev/null and b/src/Common/src/dashboards/images/filter_s1_grey.png differ
diff --git a/src/Common/src/dashboards/images/filter_s1_grey.svg b/src/Common/src/dashboards/images/filter_s1_grey.svg
new file mode 100644
index 0000000..ac440ed
--- /dev/null
+++ b/src/Common/src/dashboards/images/filter_s1_grey.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.0284 1H1.97159C1.56491 1 1.32835 1.45969 1.56473 1.79062L5.90687 7.86961C5.96744 7.95441 6 8.05602 6 8.16023V14.191C6 14.5627 6.39116 14.8044 6.72361 14.6382L9.72361 13.1382C9.893 13.0535 10 12.8804 10 12.691V8.16023C10 8.05602 10.0326 7.95441 10.0931 7.86961L14.4353 1.79062C14.6717 1.45968 14.4351 1 14.0284 1Z" fill="#8E8E8E"/>
+</svg>
diff --git a/src/Common/src/dashboards/images/icon-delete.png b/src/Common/src/dashboards/images/icon-delete.png
new file mode 100644
index 0000000..3319a51
Binary files /dev/null and b/src/Common/src/dashboards/images/icon-delete.png differ
diff --git a/src/Common/src/dashboards/scripts/Dashboard.js b/src/Common/src/dashboards/scripts/Dashboard.js
index 91c06ef..e3cf3e1 100644
--- a/src/Common/src/dashboards/scripts/Dashboard.js
+++ b/src/Common/src/dashboards/scripts/Dashboard.js
@@ -1,15 +1,40 @@
 "use strict";
 
+function SingleObjectDashboard()
+{
+    var t = this;
+    var dashboard = new Dashboard();
+
+    t.events = dashboard.events;
+    t.addEventListener = t.events.addEventListener;
+    t.dispatchEvent = t.events.dispatchEvent;
+
+    t.getShellUI = t.getShellUI;
+    t.getUIXDashboard = dashboard.getUIXDashboard;
+    t.addEventListener(Dashboard.EventTypes.NewDashboard, function (dashboard)
+    {
+        // If we have some items then dispatch the event now.
+        if (dashboard.CustomData && dashboard.CustomData.selectedItems)
+            t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, dashboard.CustomData.selectedItems);
+
+    });
+}
+
 function Dashboard()
 {
     /// <summary>The entry point of Dashboard.</summary>
     /// <param name="d" type="MFiles.Dashboard">The new Dashboard object.</param>
     var t = this;
 
+    console.log("Dashboard activated");
+
     var events = new Events();
+    t.events = events;
     t.addEventListener = events.addEventListener;
     t.dispatchEvent = events.dispatchEvent;
 
+    var shellUI;
+    t.getShellUI = function () { return shellUI; }
     var uixDashboard = null;
     t.getUIXDashboard = function () { return uixDashboard; }
 
@@ -18,7 +43,7 @@ function Dashboard()
         uixDashboard = dashboard;
 
         // Parent is a shell pane container (tab), when dashboard is shown in right pane.
-        var shellUI = null;
+        shellUI = null;
         switch (dashboard.CustomData.currentLocation)
         {
             case 0: // Bottom pane.
@@ -31,23 +56,26 @@ function Dashboard()
         }
 
         // Initialize console.
-        console.initialize(shellUI, dashboard.CustomData.moduleName || "Unknown module");
+        if(null != shellUI)
+            console.initialize(shellUI, dashboard.CustomData.moduleName || "Unknown module");
 
         // Pass a reference back to our renderer.
-        if (dashboard.CustomData.registrationCallback)
-            dashboard.CustomData.registrationCallback(function (selectedItems)
+        if (dashboard.CustomData.selectionChangedCallback)
+            dashboard.CustomData.selectionChangedCallback(function (selectedItems)
             {
                 t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, selectedItems)
             });
 
         // Do we need to resize?
-        dashboard.CustomData.windowManager.resizePopupWindow(dashboard.Window);
-
-        // On resize, save the location.
-        // Resize fires continuously, so no point reporting back until they are done.
-        // This waits until no changes in 0.5s then saves back.
-        if (null != dashboard.Window)
+        if (dashboard.CustomData.windowManager
+            && dashboard.CustomData.windowManager.resizePopupWindow
+            && dashboard.Window)
         {
+            dashboard.CustomData.windowManager.resizePopupWindow(dashboard.Window);
+
+            // On resize, save the location.
+            // Resize fires continuously, so no point reporting back until they are done.
+            // This waits until no changes in 0.5s then saves back.
             var resizeTimeout = null;
             window.addEventListener("resize", function ()
             {
@@ -60,10 +88,6 @@ function Dashboard()
             });
         }
 
-        // If we have some items then dispatch the event now.
-        if (dashboard.CustomData.selectedItems)
-            t.dispatchEvent(Dashboard.EventTypes.SelectionChanged, dashboard.CustomData.selectedItems);
-
     });
 
     // When the OnNewDashboard method is called, start our dashboard.
diff --git a/src/Common/src/dashboards/scripts/Promise.polyfill.min.js b/src/Common/src/dashboards/scripts/Promise.polyfill.min.js
new file mode 100644
index 0000000..cebfadc
--- /dev/null
+++ b/src/Common/src/dashboards/scripts/Promise.polyfill.min.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t():"function"==typeof define&&define.amd?define(t):t()}(0,function(){"use strict";function e(e){var t=this.constructor;return this.then(function(n){return t.resolve(e()).then(function(){return n})},function(n){return t.resolve(e()).then(function(){return t.reject(n)})})}function t(e){return new this(function(t,n){function o(e,n){if(n&&("object"==typeof n||"function"==typeof n)){var f=n.then;if("function"==typeof f)return void f.call(n,function(t){o(e,t)},function(n){r[e]={status:"rejected",reason:n},0==--i&&t(r)})}r[e]={status:"fulfilled",value:n},0==--i&&t(r)}if(!e||"undefined"==typeof e.length)return n(new TypeError(typeof e+" "+e+" is not iterable(cannot read property Symbol(Symbol.iterator))"));var r=Array.prototype.slice.call(e);if(0===r.length)return t([]);for(var i=r.length,f=0;r.length>f;f++)o(f,r[f])})}function n(e){return!(!e||"undefined"==typeof e.length)}function o(){}function r(e){if(!(this instanceof r))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=undefined,this._deferreds=[],l(e,this)}function i(e,t){for(;3===e._state;)e=e._value;0!==e._state?(e._handled=!0,r._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null!==n){var o;try{o=n(e._value)}catch(r){return void u(t.promise,r)}f(t.promise,o)}else(1===e._state?f:u)(t.promise,e._value)})):e._deferreds.push(t)}function f(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof r)return e._state=3,e._value=t,void c(e);if("function"==typeof n)return void l(function(e,t){return function(){e.apply(t,arguments)}}(n,t),e)}e._state=1,e._value=t,c(e)}catch(o){u(e,o)}}function u(e,t){e._state=2,e._value=t,c(e)}function c(e){2===e._state&&0===e._deferreds.length&&r._immediateFn(function(){e._handled||r._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;n>t;t++)i(e,e._deferreds[t]);e._deferreds=null}function l(e,t){var n=!1;try{e(function(e){n||(n=!0,f(t,e))},function(e){n||(n=!0,u(t,e))})}catch(o){if(n)return;n=!0,u(t,o)}}var a=setTimeout;r.prototype["catch"]=function(e){return this.then(null,e)},r.prototype.then=function(e,t){var n=new this.constructor(o);return i(this,new function(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}(e,t,n)),n},r.prototype["finally"]=e,r.all=function(e){return new r(function(t,o){function r(e,n){try{if(n&&("object"==typeof n||"function"==typeof n)){var u=n.then;if("function"==typeof u)return void u.call(n,function(t){r(e,t)},o)}i[e]=n,0==--f&&t(i)}catch(c){o(c)}}if(!n(e))return o(new TypeError("Promise.all accepts an array"));var i=Array.prototype.slice.call(e);if(0===i.length)return t([]);for(var f=i.length,u=0;i.length>u;u++)r(u,i[u])})},r.allSettled=t,r.resolve=function(e){return e&&"object"==typeof e&&e.constructor===r?e:new r(function(t){t(e)})},r.reject=function(e){return new r(function(t,n){n(e)})},r.race=function(e){return new r(function(t,o){if(!n(e))return o(new TypeError("Promise.race accepts an array"));for(var i=0,f=e.length;f>i;i++)r.resolve(e[i]).then(t,o)})},r._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){a(e,0)},r._unhandledRejectionFn=function(e){void 0!==console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)};var s=function(){if("undefined"!=typeof self)return self;if("undefined"!=typeof window)return window;if("undefined"!=typeof global)return global;throw Error("unable to locate global object")}();"function"!=typeof s.Promise?s.Promise=r:(s.Promise.prototype["finally"]||(s.Promise.prototype["finally"]=e),s.Promise.allSettled||(s.Promise.allSettled=t))});
diff --git a/src/Common/src/dashboards/scripts/setImmediate.js b/src/Common/src/dashboards/scripts/setImmediate.js
new file mode 100644
index 0000000..3c1b06e
--- /dev/null
+++ b/src/Common/src/dashboards/scripts/setImmediate.js
@@ -0,0 +1,186 @@
+(function (global, undefined) {
+    "use strict";
+
+    if (global.setImmediate) {
+        return;
+    }
+
+    var nextHandle = 1; // Spec says greater than zero
+    var tasksByHandle = {};
+    var currentlyRunningATask = false;
+    var doc = global.document;
+    var registerImmediate;
+
+    function setImmediate(callback) {
+      // Callback can either be a function or a string
+      if (typeof callback !== "function") {
+        callback = new Function("" + callback);
+      }
+      // Copy function arguments
+      var args = new Array(arguments.length - 1);
+      for (var i = 0; i < args.length; i++) {
+          args[i] = arguments[i + 1];
+      }
+      // Store and register the task
+      var task = { callback: callback, args: args };
+      tasksByHandle[nextHandle] = task;
+      registerImmediate(nextHandle);
+      return nextHandle++;
+    }
+
+    function clearImmediate(handle) {
+        delete tasksByHandle[handle];
+    }
+
+    function run(task) {
+        var callback = task.callback;
+        var args = task.args;
+        switch (args.length) {
+        case 0:
+            callback();
+            break;
+        case 1:
+            callback(args[0]);
+            break;
+        case 2:
+            callback(args[0], args[1]);
+            break;
+        case 3:
+            callback(args[0], args[1], args[2]);
+            break;
+        default:
+            callback.apply(undefined, args);
+            break;
+        }
+    }
+
+    function runIfPresent(handle) {
+        // From the spec: "Wait until any invocations of this algorithm started before this one have completed."
+        // So if we're currently running a task, we'll need to delay this invocation.
+        if (currentlyRunningATask) {
+            // Delay by doing a setTimeout. setImmediate was tried instead, but in Firefox 7 it generated a
+            // "too much recursion" error.
+            setTimeout(runIfPresent, 0, handle);
+        } else {
+            var task = tasksByHandle[handle];
+            if (task) {
+                currentlyRunningATask = true;
+                try {
+                    run(task);
+                } finally {
+                    clearImmediate(handle);
+                    currentlyRunningATask = false;
+                }
+            }
+        }
+    }
+
+    function installNextTickImplementation() {
+        registerImmediate = function(handle) {
+            process.nextTick(function () { runIfPresent(handle); });
+        };
+    }
+
+    function canUsePostMessage() {
+        // The test against `importScripts` prevents this implementation from being installed inside a web worker,
+        // where `global.postMessage` means something completely different and can't be used for this purpose.
+        if (global.postMessage && !global.importScripts) {
+            var postMessageIsAsynchronous = true;
+            var oldOnMessage = global.onmessage;
+            global.onmessage = function() {
+                postMessageIsAsynchronous = false;
+            };
+            global.postMessage("", "*");
+            global.onmessage = oldOnMessage;
+            return postMessageIsAsynchronous;
+        }
+    }
+
+    function installPostMessageImplementation() {
+        // Installs an event handler on `global` for the `message` event: see
+        // * https://developer.mozilla.org/en/DOM/window.postMessage
+        // * http://www.whatwg.org/specs/web-apps/current-work/multipage/comms.html#crossDocumentMessages
+
+        var messagePrefix = "setImmediate$" + Math.random() + "$";
+        var onGlobalMessage = function(event) {
+            if (event.source === global &&
+                typeof event.data === "string" &&
+                event.data.indexOf(messagePrefix) === 0) {
+                runIfPresent(+event.data.slice(messagePrefix.length));
+            }
+        };
+
+        if (global.addEventListener) {
+            global.addEventListener("message", onGlobalMessage, false);
+        } else {
+            global.attachEvent("onmessage", onGlobalMessage);
+        }
+
+        registerImmediate = function(handle) {
+            global.postMessage(messagePrefix + handle, "*");
+        };
+    }
+
+    function installMessageChannelImplementation() {
+        var channel = new MessageChannel();
+        channel.port1.onmessage = function(event) {
+            var handle = event.data;
+            runIfPresent(handle);
+        };
+
+        registerImmediate = function(handle) {
+            channel.port2.postMessage(handle);
+        };
+    }
+
+    function installReadyStateChangeImplementation() {
+        var html = doc.documentElement;
+        registerImmediate = function(handle) {
+            // Create a <script> element; its readystatechange event will be fired asynchronously once it is inserted
+            // into the document. Do so, thus queuing up the task. Remember to clean up once it's been called.
+            var script = doc.createElement("script");
+            script.onreadystatechange = function () {
+                runIfPresent(handle);
+                script.onreadystatechange = null;
+                html.removeChild(script);
+                script = null;
+            };
+            html.appendChild(script);
+        };
+    }
+
+    function installSetTimeoutImplementation() {
+        registerImmediate = function(handle) {
+            setTimeout(runIfPresent, 0, handle);
+        };
+    }
+
+    // If supported, we should attach to the prototype of global, since that is where setTimeout et al. live.
+    var attachTo = Object.getPrototypeOf && Object.getPrototypeOf(global);
+    attachTo = attachTo && attachTo.setTimeout ? attachTo : global;
+
+    // Don't get fooled by e.g. browserify environments.
+    if ({}.toString.call(global.process) === "[object process]") {
+        // For Node.js before 0.9
+        installNextTickImplementation();
+
+    } else if (canUsePostMessage()) {
+        // For non-IE10 modern browsers
+        installPostMessageImplementation();
+
+    } else if (global.MessageChannel) {
+        // For web workers, where supported
+        installMessageChannelImplementation();
+
+    } else if (doc && "onreadystatechange" in doc.createElement("script")) {
+        // For IE 6–8
+        installReadyStateChangeImplementation();
+
+    } else {
+        // For older browsers
+        installSetTimeoutImplementation();
+    }
+
+    attachTo.setImmediate = setImmediate;
+    attachTo.clearImmediate = clearImmediate;
+}(typeof self === "undefined" ? typeof global === "undefined" ? this : global : self));
diff --git a/src/ShowPreview.UIX/app/appdef.xml b/src/ShowPreview.UIX/app/appdef.xml
index 032c51f..17c5f0a 100644
--- a/src/ShowPreview.UIX/app/appdef.xml
+++ b/src/ShowPreview.UIX/app/appdef.xml
@@ -4,9 +4,8 @@
 	<guid>3bb694b2-383e-4576-a42b-85ec7035951a</guid>
 	<name>Show Preview UIX</name>
 	<version>0.1</version>
-	<description>The UI component of the 'Show preview' module</description>
-	<publisher></publisher>	
-	<copyright></copyright>
+	<publisher>M-Files Corporation (non-official, open-source)</publisher>
+	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
 	<required-mfiles-version>22.11.0.0</required-mfiles-version>
 	<optional>true</optional>
 	<enabled-by-default>true</enabled-by-default>
diff --git a/src/ShowPreview.UIX/app/dashboard/dashboard.js b/src/ShowPreview.UIX/app/dashboard/dashboard.js
index ba9e39a..efdfa65 100644
--- a/src/ShowPreview.UIX/app/dashboard/dashboard.js
+++ b/src/ShowPreview.UIX/app/dashboard/dashboard.js
@@ -4,7 +4,7 @@
 {
 
     // Set up the dashboard.
-    var dashboard = new Dashboard();
+    var dashboard = new SingleObjectDashboard();
 
     // Our renderer will be set up later.
     var renderer = null;
diff --git a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
index 59da8d7..c3dc4e2 100644
--- a/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
+++ b/src/UIHelpers/Modules/ViewAllMetadata/Configuration/Configuration.cs
@@ -1,3 +1,4 @@
+using MFiles.VAF.Configuration;
 using System.Runtime.Serialization;
 using UIHelpers.Modules.Base;
 
@@ -9,13 +10,12 @@ namespace UIHelpers.Modules.ViewAllMetadata
     public class Configuration
         : ConfigurationBase<AdvancedConfiguration, Translation>
     {
-        // TODO: Editing
-        //[DataMember]
-        //[JsonConfEditor
-        //(
-        //    Label = ResourceMarker.Id + nameof(Resources.Configuration.EnableEditing_Label),
-        //    DefaultValue = false
-        //)]
+       [DataMember]
+       [JsonConfEditor
+       (
+           Label = ResourceMarker.Id + nameof(Resources.Configuration.EnableEditing_Label),
+           DefaultValue = false
+       )]
         public bool EnableEditing { get; set; }
     }
 }
\ No newline at end of file
diff --git a/src/UIHelpers/UIHelpers.csproj b/src/UIHelpers/UIHelpers.csproj
index 802341a..d3a6de7 100644
--- a/src/UIHelpers/UIHelpers.csproj
+++ b/src/UIHelpers/UIHelpers.csproj
@@ -110,6 +110,7 @@
     </Content>
   </ItemGroup>
   <ItemGroup>
+    <None Include="install-application.local.ps1" />
     <None Include="install-application.ps1" />
     <None Include="ShowPreview.UIX.mfappx">
       <CopyToOutputDirectory>Always</CopyToOutputDirectory>
@@ -155,6 +156,10 @@
     <Message Importance="High" Text="Executing deployment script..." />
     <Exec Command="PowerShell -ExecutionPolicy Bypass -File install-application.ps1" />
   </Target>
+  <Target Name="DeployIfNeededLocal" AfterTargets="CoreBuild" Condition="Exists('install-application.local.ps1')">
+    <Message Importance="High" Text="Executing (local) deployment script..." />
+    <Exec Command="PowerShell -ExecutionPolicy Bypass -File install-application.local.ps1" />
+  </Target>
   <!-- To modify your build process, add your task inside one of the targets below and uncomment it. 
        Other similar extension points exist, see Microsoft.Common.targets.
   <Target Name="BeforeBuild">
diff --git a/src/UIHelpers/VaultApplication.cs b/src/UIHelpers/VaultApplication.cs
index 42324f9..12369a3 100644
--- a/src/UIHelpers/VaultApplication.cs
+++ b/src/UIHelpers/VaultApplication.cs
@@ -2,6 +2,8 @@
 using MFiles.VAF.Configuration;
 using MFiles.VAF.Configuration.AdminConfigurations;
 using MFiles.VAF.Configuration.Domain.Dashboards;
+using MFiles.VAF.Extensions.Dashboards;
+using MFiles.VAF.Extensions.ExtensionMethods;
 using MFilesAPI;
 using System;
 using System.Collections.Generic;
@@ -140,6 +142,43 @@ protected virtual TExpectedType GetModule<TExpectedType>(string moduleName)
         public override IDashboardContent GetAsynchronousOperationDashboardContent(IConfigurationRequestContext context)
             => null;
 
+        /// <inheritdoc />
+        public override IEnumerable<IDashboardContent> GetStatusDashboardRootItems(IConfigurationRequestContext context)
+        {
+            var c = this.GetUsageWarningDashboardContent(context);
+            if (null != c)
+                yield return c;
+            foreach(var i in base.GetStatusDashboardRootItems(context) ?? Enumerable.Empty<IDashboardContent>())
+                if(null != i)
+                    yield return i;
+        }
+
+        /// <summary>
+        /// Gets a warning to show on the configuration page that this is not supported.
+        /// </summary>
+        /// <param name="context">The context associated with this request.</param>
+        /// <returns>The dashboard content, or null.</returns>
+        public virtual IDashboardContent GetUsageWarningDashboardContent(IConfigurationRequestContext context)
+        {
+            var innerContent = new DashboardContentCollection();
+            {
+                var p = new DashboardCustomContentEx("<p>This functionality is from a code sample at <a href='https://github.com/M-Files/Samples.UIHelpers' target='_blank'>https://github.com/M-Files/Samples.UIHelpers</a>.  It is not an official M-Files solution and is not supported in any way by M-Files.  This application is used at your own risk.</p>");
+                p.Styles.Add("color", "red");
+                innerContent.Add(p);
+            }
+
+            // Create panel.
+            var panel = new DashboardPanelEx()
+            {
+                Title = "WARNING",
+                InnerContent = innerContent
+            };
+            panel.InnerContentStyles.AddOrUpdate("padding-left", "10px");
+            panel.InnerContentStyles.AddOrUpdate("margin-left", "10px");
+            panel.InnerContentStyles.AddOrUpdate("border-left", "1px solid #EEE");
+            return panel;
+        }
+
         #endregion
 
         #region Configuration validation
diff --git a/src/UIHelpers/appdef.xml b/src/UIHelpers/appdef.xml
index bf07d6f..0e389ca 100644
--- a/src/UIHelpers/appdef.xml
+++ b/src/UIHelpers/appdef.xml
@@ -6,9 +6,9 @@
   <guid>f27a149d-d754-48ac-a547-b6c5917a6c91</guid>
   <name>UI Helpers</name>
   <description>Enables various UI-related helpers.</description>
-  <publisher>M-Files Corporation (open-source)</publisher>
-  <version>0.1</version>
-  <copyright>M-Files Corporation 2022 onwards</copyright>
+  <publisher>M-Files Corporation (non-official, open-source)</publisher>
+  <version>0.2.4</version>
+  <copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
   <required-mfiles-version>22.11.0.0</required-mfiles-version>
   <multi-server-compatible>true</multi-server-compatible>
   <extension-objects>
diff --git a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
index 2bf0e28..7a4bd5e 100644
--- a/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
+++ b/src/ViewAllMetadata.UIX/ViewAllMetadata.UIX.csproj
@@ -31,6 +31,13 @@
     <Content Include="..\Common\bundles\common-shellui.js">
       <Link>app\common-shellui.js</Link>
     </Content>
+    <Content Include="..\Common\bundles\common-shellui.min.js">
+      <Link>app\common-shellui.min.js</Link>
+      <DependentUpon>common-shellui.js</DependentUpon>
+    </Content>
+    <Content Include="..\Common\src\dashboards\images\icon-delete.png">
+      <Link>app\images\icon-delete.png</Link>
+    </Content>
     <Content Include="..\Common\src\dashboards\images\icon-edit.png">
       <Link>app\images\icon-edit.png</Link>
     </Content>
@@ -38,7 +45,23 @@
       <SubType>Designer</SubType>
     </Content>
     <Content Include="app\dashboard\dashboard.css" />
+    <Content Include="app\dashboard\jquery.datetimepicker.min.css" />
+    <Content Include="app\scripts\dayjs\customParseFormat.js" />
+    <Content Include="app\scripts\dayjs\dayjs.min.js" />
+    <Content Include="app\scripts\dayjs\localizedFormat.js" />
+    <Content Include="app\scripts\dayjs\utc.js" />
+    <Content Include="app\scripts\jquery.datetimepicker.full.min.js" />
     <Content Include="app\scripts\renderers\objectrenderer.js" />
+    <Content Include="app\scripts\renderers\BooleanPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\IntegerPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\FloatingPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\DatePropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\TimePropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\TimestampPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\LookupPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\MultiSelectLookupPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\MultiLineTextPropertyValueRenderer.js" />
+    <Content Include="app\scripts\renderers\SingleLineTextPropertyValueRenderer.js" />
     <Content Include="app\scripts\renderers\propertyvaluerenderer.js" />
     <Content Include="app\shellui.js" />
     <Content Include="app\dashboard\dashboard.html" />
diff --git a/src/ViewAllMetadata.UIX/app/appdef.xml b/src/ViewAllMetadata.UIX/app/appdef.xml
index cae3250..c2f3347 100644
--- a/src/ViewAllMetadata.UIX/app/appdef.xml
+++ b/src/ViewAllMetadata.UIX/app/appdef.xml
@@ -2,10 +2,10 @@
 <application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.m-files.com/schemas/appdef-client-v4.xsd">
 	<guid>1B9552B3-C1C5-44b9-9A5F-D4ABAC5E8AE2</guid>	
 	<name>View all metadata UIX</name>
-	<version>0.1</version>
+	<version>0.2.4</version>
 	<description>The UI component of the 'View all metadata' module</description>
-	<publisher>M-Files Corporation (open-source)</publisher>
-	<copyright>M-Files Corporation 2022 onwards</copyright>
+	<publisher>M-Files Corporation (non-official, open-source)</publisher>
+	<copyright>See https://github.com/M-Files/Samples.UIHelpers</copyright>
 	<required-mfiles-version>22.11.0.0</required-mfiles-version>
     <enabled-by-default>true</enabled-by-default>
 	<master-application-guid>f27a149d-d754-48ac-a547-b6c5917a6c91</master-application-guid>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
index 2d65fd5..6ad817f 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.css
@@ -32,13 +32,12 @@ ol.properties {
     column-gap: 10px;
     margin: 10px 0px;
 }
-ol.properties li {
-    padding: 5px;
+ol.properties > li {
     position: relative;
     padding-left: 195px;
     break-inside: avoid;
     padding-right: 20px;
-    line-height: 21px;
+    min-height: 28px;
 }
 ol.properties li:hover {
     background-color: #F4F4F4;
@@ -60,6 +59,7 @@ ol.properties label {
     vertical-align: top;
     position: absolute;
     left: 5px;
+    top: 4px;
 }
 
 ol.properties label.mandatory span::after {
@@ -73,6 +73,7 @@ ol.properties li .read-only-value {
     vertical-align: top;
     display: inline-block;
     white-space: pre-line;
+    margin: 4px 0px;
 }
 ol.properties li.mfdatatype-13 {
     min-height: 56px;
@@ -83,6 +84,11 @@ ol.properties li.mfdatatype-1 .read-only-value {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    padding-top: 4px;
+    margin: 0px;
+}
+ol.properties li.mfdatatype-1.empty .read-only-value{
+    display: inline-block; /* otherwise incorrect height*/
 }
 ol.properties li.editable .read-only-value {
     cursor: text;
@@ -92,27 +98,122 @@ ol.properties li.editable:hover {
     background-repeat: no-repeat;
     background-position: 170px 6px;
 }
-ol.properties li.editable .editing-value{
+    ol.properties a.remove {
+        display: none;
+        background-image: url("../images/icon-delete.png");
+        background-repeat: no-repeat;
+        background-position: 0px 0px;
+        width: 16px;
+        height: 16px;
+        cursor: pointer;
+        vertical-align: middle;
+        margin-right: 5px;
+    }
+    ol.properties li.removable:hover a.remove {
+        display: inline-block;
+    }
+ol.properties li.editable .editing-value
+{
     display: none;
 }
-ol.properties li.editable.editing .read-only-value {
+body.editable ol.properties li.editable.editing .read-only-value,
+body.editable ol.properties li.editable:focus .read-only-value,
+body.editable ol.properties li.invalid-value .read-only-value {
     display: none;
 }
-ol.properties li.editable.editing .editing-value {
+body.editable ol.properties li.editable.editing .editing-value,
+body.editable ol.properties li.editable:focus .editing-value,
+body.editable ol.properties li.invalid-value .editing-value {
     display: block;
 }
 /* make text, real and integer input boxes full width */
-    ol.properties li.mfdatatype-1.editable.editing input,
-    ol.properties li.mfdatatype-2.editable.editing input,
-    ol.properties li.mfdatatype-3.editable.editing input {
+    ol.properties li.mfdatatype-1.editable input,
+    ol.properties li.mfdatatype-2.editable input,
+    ol.properties li.mfdatatype-3.editable input,
+    ol.properties li.mfdatatype-9.editable input,
+    ol.properties li.mfdatatype-10.editable input {
         display: inline-block;
         width: 100%;
-        height: 14px;
+        height: 21px;
         border: 1px solid #767676;
+        position: relative;
+        top: 2px;
     }
+ol.properties li.mfdatatype-13.editable textarea {
+    display: block;
+    width: 100%;
+    height: 200px;
+}
+ol.properties li.invalid-value input
+{
+    border-color: red !important;
+}
 
-/* more columns on wider screens */
+/* lookups have more UI components */
+    ol.properties li.mfdatatype-9 {
+        padding-right: 4px;
+    }
+    ol.properties li.mfdatatype-9 a.dropdown,
+    ol.properties li.mfdatatype-10 a.dropdown {
+        display: inline-block;
+        position: absolute;
+        right: -3px;
+        top: 3px;
+        cursor: pointer;
+        background-color: #EEE;
+        height: 23px;
+        width: 22px;
+        border-left: 1px solid #767676;
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACESURBVHgB7Y/NDYAgDEahEziCo8gGOoIbCAlb8DOKI+gGrsAiBMvBhGjVg/HGS0hb+F4TGKt8hpeDMaYHgPlJiDEKrfVKLsg45xYs3Y2/KqVEeQHnBOd8wBIIOeDbeMkTQea9b1NKG7ZNIQspZThngVqQg/jX4ZixHyn5FWvtlA+r/MsOt6gntJXB1Z4AAAAASUVORK5CYII=");
+    }
+    ol.properties li.mfdatatype-9 div.select,
+    ol.properties li.mfdatatype-10 div.select {
+        position: absolute;
+        top: 26px;
+        left: 0px;
+        right: 0px;
+        border: 1px solid #767676;
+        background-color: #FFF;
+        max-height: 300px;
+        overflow-y: auto;
+        z-index: 1000;
+        display: none;
+    }
+        ol.properties li.mfdatatype-9 .options-expanded div.select,
+        ol.properties li.mfdatatype-10 .options-expanded div.select {
+            display: block;
+        }
+    ol.properties li.mfdatatype-9 ol, ol.properties li.mfdatatype-9 ol li,
+    ol.properties li.mfdatatype-10 ol, ol.properties li.mfdatatype-10 ol li {
+        margin: 0px;
+        padding: 0px;
+    }
+        ol.properties li.mfdatatype-9 .options-expanded li.caption,
+        ol.properties li.mfdatatype-10 .options-expanded li.caption {
+            background-color: #EEE;
+            font-size: 0.8em;
+        }
+ol.properties li.mfdatatype-9 .options-expanded li,
+ol.properties li.mfdatatype-10 .options-expanded li {
+    padding: 3px 5px;
+}
+ol.properties li.mfdatatype-9 div.lookup,
+ol.properties li.mfdatatype-10 div.lookup {
+    position: relative;
+}
+ol.properties li.mfdatatype-9 li.current,
+ol.properties li.mfdatatype-10 li.current {
+    background-color: #EEE;
+}
+        ol.properties li.mfdatatype-9 ol li,
+        ol.properties li.mfdatatype-10 ol li {
+            padding: 2px 5px;
+            cursor: pointer;
+        }
 
+/* more columns on wider screens */
 @media screen and (min-width: 900px) {
     ol.properties {
         column-count: 2;
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
index 223db19..dfd0bc5 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.html
@@ -7,8 +7,25 @@
     <script src="common-dashboard.js"></script>
     <script type="text/javascript" src="../scripts/renderers/objectrenderer.js"></script>
     <script type="text/javascript" src="../scripts/renderers/propertyvaluerenderer.js"></script>
-    <script type="text/javascript" src="dashboard.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/BooleanPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/DatePropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/FloatingPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/IntegerPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/LookupPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/MultiLineTextPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/MultiSelectLookupPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/SingleLineTextPropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/TimePropertyValueRenderer.js"></script>
+    <script type="text/javascript" src="../scripts/renderers/TimestampPropertyValueRenderer.js"></script>
     <link rel="stylesheet" href="dashboard.css" type="text/css" />
+    <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css" />
+    <script src="../scripts/jquery.datetimepicker.full.min.js"></script>
+    <script src="../scripts/dayjs/dayjs.min.js"></script>
+    <script src="../scripts/dayjs/customParseFormat.js"></script>
+    <script src="../scripts/dayjs/localizedFormat.js"></script>
+    <script src="../scripts/dayjs/utc.js"></script>
+
+    <script type="text/javascript" src="dashboard.js"></script>
 </head>
 
 <body>
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
index ba9e39a..20a72f5 100644
--- a/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
+++ b/src/ViewAllMetadata.UIX/app/dashboard/dashboard.js
@@ -1,10 +1,15 @@
 "use strict";
 
+dayjs.extend(window.dayjs_plugin_utc);
+dayjs.extend(window.dayjs_plugin_customParseFormat);
+dayjs.extend(window.dayjs_plugin_localizedFormat);
+dayjs().utcOffset(new Date().getTimezoneOffset());
+
 (function ()
 {
 
     // Set up the dashboard.
-    var dashboard = new Dashboard();
+    var dashboard = new SingleObjectDashboard();
 
     // Our renderer will be set up later.
     var renderer = null;
diff --git a/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css b/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css
new file mode 100644
index 0000000..e3e02e2
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/dashboard/jquery.datetimepicker.min.css
@@ -0,0 +1 @@
+.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js
new file mode 100644
index 0000000..66d6089
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/customParseFormat.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_plugin_customParseFormat=t()}(this,(function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|YYYY|YY?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d\d/,r=/\d\d?/,i=/\d*[^-_:/,()\s\d]+/,o={},s=function(e){return(e=+e)+(e>68?1900:2e3)};var a=function(e){return function(t){this[e]=+t}},f=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e)}],h=function(e){var t=o[e];return t&&(t.indexOf?t:t.s.concat(t.f))},u=function(e,t){var n,r=o.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},d={A:[i,function(e){this.afternoon=u(e,!1)}],a:[i,function(e){this.afternoon=u(e,!0)}],S:[/\d/,function(e){this.milliseconds=100*+e}],SS:[n,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[r,a("seconds")],ss:[r,a("seconds")],m:[r,a("minutes")],mm:[r,a("minutes")],H:[r,a("hours")],h:[r,a("hours")],HH:[r,a("hours")],hh:[r,a("hours")],D:[r,a("day")],DD:[n,a("day")],Do:[i,function(e){var t=o.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r)}],M:[r,a("month")],MM:[n,a("month")],MMM:[i,function(e){var t=h("months"),n=(h("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[i,function(e){var t=h("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t}],Y:[/[+-]?\d+/,a("year")],YY:[n,function(e){this.year=s(e)}],YYYY:[/\d{4}/,a("year")],Z:f,ZZ:f};function c(n){var r,i;r=n,i=o&&o.formats;for(var s=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=s.length,f=0;f<a;f+=1){var h=s[f],u=d[h],c=u&&u[0],l=u&&u[1];s[f]=l?{regex:c,parser:l}:h.replace(/^\[|\]$/g,"")}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=s[n];if("string"==typeof i)r+=i.length;else{var o=i.regex,f=i.parser,h=e.slice(r),u=o.exec(h)[0];f.call(t,u),e=e.replace(u,"")}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(t),t}}return function(e,t,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(s=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,s=e.args;this.$u=r;var a=s[1];if("string"==typeof a){var f=!0===s[2],h=!0===s[3],u=f||h,d=s[2];h&&(d=s[2]),o=this.$locale(),!f&&d&&(o=n.Ls[d]),this.$d=function(e,t,n){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var r=c(t)(e),i=r.year,o=r.month,s=r.day,a=r.hours,f=r.minutes,h=r.seconds,u=r.milliseconds,d=r.zone,l=new Date,m=s||(i||o?1:l.getDate()),M=i||l.getFullYear(),Y=0;i&&!o||(Y=o>0?o-1:l.getMonth());var p=a||0,v=f||0,D=h||0,g=u||0;return d?new Date(Date.UTC(M,Y,m,p,v,D,g+60*d.offset*1e3)):n?new Date(Date.UTC(M,Y,m,p,v,D,g)):new Date(M,Y,m,p,v,D,g)}catch(e){return new Date("")}}(t,a,r),this.init(),d&&!0!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),o={}}else if(a instanceof Array)for(var l=a.length,m=1;m<=l;m+=1){s[1]=a[m-1];var M=n.apply(this,s);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===l&&(this.$d=new Date(""))}else i.call(this,e)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js
new file mode 100644
index 0000000..ba16e65
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/dayjs.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs=e()}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t)}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return O},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js
new file mode 100644
index 0000000..2aa4665
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/localizedFormat.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).dayjs_plugin_localizedFormat=t()}(this,(function(){"use strict";var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,o,n){var r=o.prototype,i=r.format;n.en.formats=e,r.format=function(t){void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var o=this.$locale().formats,n=function(t,o){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var i=r&&r.toUpperCase();return n||o[r]||e[r]||o[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,o){return t||o.slice(1)}))}))}(t,void 0===o?{}:o);return i.call(this,n)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js b/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js
new file mode 100644
index 0000000..af07564
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/dayjs/utc.js
@@ -0,0 +1 @@
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).dayjs_plugin_utc=i()}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else r.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js b/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js
new file mode 100644
index 0000000..7947c33
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/jquery.datetimepicker.full.min.js
@@ -0,0 +1 @@
+var DateFormatter;!function(){"use strict";var D,s,r,a,n;D=function(e,t){return"string"==typeof e&&"string"==typeof t&&e.toLowerCase()===t.toLowerCase()},s=function(e,t,a){var n=a||"0",r=e.toString();return r.length<t?s(n+r,t):r},r=function(e){var t,a;for(e=e||{},t=1;t<arguments.length;t++)if(a=arguments[t])for(var n in a)a.hasOwnProperty(n)&&("object"==typeof a[n]?r(e[n],a[n]):e[n]=a[n]);return e},a=function(e,t){for(var a=0;a<t.length;a++)if(t[a].toLowerCase()===e.toLowerCase())return a;return-1},n={dateSettings:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],meridiem:["AM","PM"],ordinal:function(e){var t=e%10,a={1:"st",2:"nd",3:"rd"};return 1!==Math.floor(e%100/10)&&a[t]?a[t]:"th"}},separators:/[ \-+\/\.T:@]/g,validParts:/[dDjlNSwzWFmMntLoYyaABgGhHisueTIOPZcrU]/g,intParts:/[djwNzmnyYhHgGis]/g,tzParts:/\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,tzClip:/[^-+\dA-Z]/g},(DateFormatter=function(e){var t=this,a=r(n,e);t.dateSettings=a.dateSettings,t.separators=a.separators,t.validParts=a.validParts,t.intParts=a.intParts,t.tzParts=a.tzParts,t.tzClip=a.tzClip}).prototype={constructor:DateFormatter,getMonth:function(e){var t;return 0===(t=a(e,this.dateSettings.monthsShort)+1)&&(t=a(e,this.dateSettings.months)+1),t},parseDate:function(e,t){var a,n,r,o,i,s,d,u,l,f,c=this,m=!1,h=!1,g=c.dateSettings,p={date:null,year:null,month:null,day:null,hour:0,min:0,sec:0};if(!e)return null;if(e instanceof Date)return e;if("U"===t)return(r=parseInt(e))?new Date(1e3*r):e;switch(typeof e){case"number":return new Date(e);case"string":break;default:return null}if(!(a=t.match(c.validParts))||0===a.length)throw new Error("Invalid date format definition.");for(n=e.replace(c.separators,"\0").split("\0"),r=0;r<n.length;r++)switch(o=n[r],i=parseInt(o),a[r]){case"y":case"Y":if(!i)return null;l=o.length,p.year=2===l?parseInt((i<70?"20":"19")+o):i,m=!0;break;case"m":case"n":case"M":case"F":if(isNaN(i)){if(!(0<(s=c.getMonth(o))))return null;p.month=s}else{if(!(1<=i&&i<=12))return null;p.month=i}m=!0;break;case"d":case"j":if(!(1<=i&&i<=31))return null;p.day=i,m=!0;break;case"g":case"h":if(f=n[d=-1<a.indexOf("a")?a.indexOf("a"):-1<a.indexOf("A")?a.indexOf("A"):-1],-1<d)u=D(f,g.meridiem[0])?0:D(f,g.meridiem[1])?12:-1,1<=i&&i<=12&&-1<u?p.hour=i+u-1:0<=i&&i<=23&&(p.hour=i);else{if(!(0<=i&&i<=23))return null;p.hour=i}h=!0;break;case"G":case"H":if(!(0<=i&&i<=23))return null;p.hour=i,h=!0;break;case"i":if(!(0<=i&&i<=59))return null;p.min=i,h=!0;break;case"s":if(!(0<=i&&i<=59))return null;p.sec=i,h=!0}if(!0===m&&p.year&&p.month&&p.day)p.date=new Date(p.year,p.month-1,p.day,p.hour,p.min,p.sec,0);else{if(!0!==h)return null;p.date=new Date(0,0,0,p.hour,p.min,p.sec,0)}return p.date},guessDate:function(e,t){if("string"!=typeof e)return e;var a,n,r,o,i,s,d=e.replace(this.separators,"\0").split("\0"),u=t.match(this.validParts),l=new Date,f=0;if(!/^[djmn]/g.test(u[0]))return e;for(r=0;r<d.length;r++){if(f=2,i=d[r],s=parseInt(i.substr(0,2)),isNaN(s))return null;switch(r){case 0:"m"===u[0]||"n"===u[0]?l.setMonth(s-1):l.setDate(s);break;case 1:"m"===u[0]||"n"===u[0]?l.setDate(s):l.setMonth(s-1);break;case 2:if(n=l.getFullYear(),f=(a=i.length)<4?a:4,!(n=parseInt(a<4?n.toString().substr(0,4-a)+i:i.substr(0,4))))return null;l.setFullYear(n);break;case 3:l.setHours(s);break;case 4:l.setMinutes(s);break;case 5:l.setSeconds(s)}0<(o=i.substr(f)).length&&d.splice(r+1,0,o)}return l},parseFormat:function(e,n){var a,t=this,r=t.dateSettings,o=/\\?(.?)/gi,i=function(e,t){return a[e]?a[e]():t};return a={d:function(){return s(a.j(),2)},D:function(){return r.daysShort[a.w()]},j:function(){return n.getDate()},l:function(){return r.days[a.w()]},N:function(){return a.w()||7},w:function(){return n.getDay()},z:function(){var e=new Date(a.Y(),a.n()-1,a.j()),t=new Date(a.Y(),0,1);return Math.round((e-t)/864e5)},W:function(){var e=new Date(a.Y(),a.n()-1,a.j()-a.N()+3),t=new Date(e.getFullYear(),0,4);return s(1+Math.round((e-t)/864e5/7),2)},F:function(){return r.months[n.getMonth()]},m:function(){return s(a.n(),2)},M:function(){return r.monthsShort[n.getMonth()]},n:function(){return n.getMonth()+1},t:function(){return new Date(a.Y(),a.n(),0).getDate()},L:function(){var e=a.Y();return e%4==0&&e%100!=0||e%400==0?1:0},o:function(){var e=a.n(),t=a.W();return a.Y()+(12===e&&t<9?1:1===e&&9<t?-1:0)},Y:function(){return n.getFullYear()},y:function(){return a.Y().toString().slice(-2)},a:function(){return a.A().toLowerCase()},A:function(){var e=a.G()<12?0:1;return r.meridiem[e]},B:function(){var e=3600*n.getUTCHours(),t=60*n.getUTCMinutes(),a=n.getUTCSeconds();return s(Math.floor((e+t+a+3600)/86.4)%1e3,3)},g:function(){return a.G()%12||12},G:function(){return n.getHours()},h:function(){return s(a.g(),2)},H:function(){return s(a.G(),2)},i:function(){return s(n.getMinutes(),2)},s:function(){return s(n.getSeconds(),2)},u:function(){return s(1e3*n.getMilliseconds(),6)},e:function(){return/\((.*)\)/.exec(String(n))[1]||"Coordinated Universal Time"},I:function(){return new Date(a.Y(),0)-Date.UTC(a.Y(),0)!=new Date(a.Y(),6)-Date.UTC(a.Y(),6)?1:0},O:function(){var e=n.getTimezoneOffset(),t=Math.abs(e);return(0<e?"-":"+")+s(100*Math.floor(t/60)+t%60,4)},P:function(){var e=a.O();return e.substr(0,3)+":"+e.substr(3,2)},T:function(){return(String(n).match(t.tzParts)||[""]).pop().replace(t.tzClip,"")||"UTC"},Z:function(){return 60*-n.getTimezoneOffset()},c:function(){return"Y-m-d\\TH:i:sP".replace(o,i)},r:function(){return"D, d M Y H:i:s O".replace(o,i)},U:function(){return n.getTime()/1e3||0}},i(e,e)},formatDate:function(e,t){var a,n,r,o,i,s="";if("string"==typeof e&&!(e=this.parseDate(e,t)))return null;if(e instanceof Date){for(r=t.length,a=0;a<r;a++)"S"!==(i=t.charAt(a))&&"\\"!==i&&(0<a&&"\\"===t.charAt(a-1)?s+=i:(o=this.parseFormat(i,e),a!==r-1&&this.intParts.test(i)&&"S"===t.charAt(a+1)&&(n=parseInt(o)||0,o+=this.dateSettings.ordinal(n)),s+=o));return s}return""}}}();var datetimepickerFactory=function(L){"use strict";var s={i18n:{ar:{months:["كانون الثاني","شباط","آذار","نيسان","مايو","حزيران","تموز","آب","أيلول","تشرين الأول","تشرين الثاني","كانون الأول"],dayOfWeekShort:["ن","ث","ع","خ","ج","س","ح"],dayOfWeek:["الأحد","الاثنين","الثلاثاء","الأربعاء","الخميس","الجمعة","السبت","الأحد"]},ro:{months:["Ianuarie","Februarie","Martie","Aprilie","Mai","Iunie","Iulie","August","Septembrie","Octombrie","Noiembrie","Decembrie"],dayOfWeekShort:["Du","Lu","Ma","Mi","Jo","Vi","Sâ"],dayOfWeek:["Duminică","Luni","Marţi","Miercuri","Joi","Vineri","Sâmbătă"]},id:{months:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],dayOfWeekShort:["Min","Sen","Sel","Rab","Kam","Jum","Sab"],dayOfWeek:["Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"]},is:{months:["Janúar","Febrúar","Mars","Apríl","Maí","Júní","Júlí","Ágúst","September","Október","Nóvember","Desember"],dayOfWeekShort:["Sun","Mán","Þrið","Mið","Fim","Fös","Lau"],dayOfWeek:["Sunnudagur","Mánudagur","Þriðjudagur","Miðvikudagur","Fimmtudagur","Föstudagur","Laugardagur"]},bg:{months:["Януари","Февруари","Март","Април","Май","Юни","Юли","Август","Септември","Октомври","Ноември","Декември"],dayOfWeekShort:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Неделя","Понеделник","Вторник","Сряда","Четвъртък","Петък","Събота"]},fa:{months:["فروردین","اردیبهشت","خرداد","تیر","مرداد","شهریور","مهر","آبان","آذر","دی","بهمن","اسفند"],dayOfWeekShort:["یکشنبه","دوشنبه","سه شنبه","چهارشنبه","پنجشنبه","جمعه","شنبه"],dayOfWeek:["یک‌شنبه","دوشنبه","سه‌شنبه","چهارشنبه","پنج‌شنبه","جمعه","شنبه","یک‌شنبه"]},ru:{months:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],dayOfWeekShort:["Вс","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"]},uk:{months:["Січень","Лютий","Березень","Квітень","Травень","Червень","Липень","Серпень","Вересень","Жовтень","Листопад","Грудень"],dayOfWeekShort:["Нд","Пн","Вт","Ср","Чт","Пт","Сб"],dayOfWeek:["Неділя","Понеділок","Вівторок","Середа","Четвер","П'ятниця","Субота"]},en:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],dayOfWeekShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},el:{months:["Ιανουάριος","Φεβρουάριος","Μάρτιος","Απρίλιος","Μάιος","Ιούνιος","Ιούλιος","Αύγουστος","Σεπτέμβριος","Οκτώβριος","Νοέμβριος","Δεκέμβριος"],dayOfWeekShort:["Κυρ","Δευ","Τρι","Τετ","Πεμ","Παρ","Σαβ"],dayOfWeek:["Κυριακή","Δευτέρα","Τρίτη","Τετάρτη","Πέμπτη","Παρασκευή","Σάββατο"]},de:{months:["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],dayOfWeekShort:["So","Mo","Di","Mi","Do","Fr","Sa"],dayOfWeek:["Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"]},nl:{months:["januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december"],dayOfWeekShort:["zo","ma","di","wo","do","vr","za"],dayOfWeek:["zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag"]},tr:{months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],dayOfWeekShort:["Paz","Pts","Sal","Çar","Per","Cum","Cts"],dayOfWeek:["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"]},fr:{months:["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Août","Septembre","Octobre","Novembre","Décembre"],dayOfWeekShort:["Dim","Lun","Mar","Mer","Jeu","Ven","Sam"],dayOfWeek:["dimanche","lundi","mardi","mercredi","jeudi","vendredi","samedi"]},es:{months:["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],dayOfWeekShort:["Dom","Lun","Mar","Mié","Jue","Vie","Sáb"],dayOfWeek:["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"]},th:{months:["มกราคม","กุมภาพันธ์","มีนาคม","เมษายน","พฤษภาคม","มิถุนายน","กรกฎาคม","สิงหาคม","กันยายน","ตุลาคม","พฤศจิกายน","ธันวาคม"],dayOfWeekShort:["อา.","จ.","อ.","พ.","พฤ.","ศ.","ส."],dayOfWeek:["อาทิตย์","จันทร์","อังคาร","พุธ","พฤหัส","ศุกร์","เสาร์","อาทิตย์"]},pl:{months:["styczeń","luty","marzec","kwiecień","maj","czerwiec","lipiec","sierpień","wrzesień","październik","listopad","grudzień"],dayOfWeekShort:["nd","pn","wt","śr","cz","pt","sb"],dayOfWeek:["niedziela","poniedziałek","wtorek","środa","czwartek","piątek","sobota"]},pt:{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],dayOfWeekShort:["Dom","Seg","Ter","Qua","Qui","Sex","Sab"],dayOfWeek:["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"]},ch:{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"]},se:{months:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],dayOfWeekShort:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"]},km:{months:["មករា​","កុម្ភៈ","មិនា​","មេសា​","ឧសភា​","មិថុនា​","កក្កដា​","សីហា​","កញ្ញា​","តុលា​","វិច្ឆិកា","ធ្នូ​"],dayOfWeekShort:["អាទិ​","ច័ន្ទ​","អង្គារ​","ពុធ​","ព្រហ​​","សុក្រ​","សៅរ៍"],dayOfWeek:["អាទិត្យ​","ច័ន្ទ​","អង្គារ​","ពុធ​","ព្រហស្បតិ៍​","សុក្រ​","សៅរ៍"]},kr:{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],dayOfWeekShort:["일","월","화","수","목","금","토"],dayOfWeek:["일요일","월요일","화요일","수요일","목요일","금요일","토요일"]},it:{months:["Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre"],dayOfWeekShort:["Dom","Lun","Mar","Mer","Gio","Ven","Sab"],dayOfWeek:["Domenica","Lunedì","Martedì","Mercoledì","Giovedì","Venerdì","Sabato"]},da:{months:["Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December"],dayOfWeekShort:["Søn","Man","Tir","Ons","Tor","Fre","Lør"],dayOfWeek:["søndag","mandag","tirsdag","onsdag","torsdag","fredag","lørdag"]},no:{months:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"],dayOfWeekShort:["Søn","Man","Tir","Ons","Tor","Fre","Lør"],dayOfWeek:["Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag"]},ja:{months:["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],dayOfWeekShort:["日","月","火","水","木","金","土"],dayOfWeek:["日曜","月曜","火曜","水曜","木曜","金曜","土曜"]},vi:{months:["Tháng 1","Tháng 2","Tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","Tháng 11","Tháng 12"],dayOfWeekShort:["CN","T2","T3","T4","T5","T6","T7"],dayOfWeek:["Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy"]},sl:{months:["Januar","Februar","Marec","April","Maj","Junij","Julij","Avgust","September","Oktober","November","December"],dayOfWeekShort:["Ned","Pon","Tor","Sre","Čet","Pet","Sob"],dayOfWeek:["Nedelja","Ponedeljek","Torek","Sreda","Četrtek","Petek","Sobota"]},cs:{months:["Leden","Únor","Březen","Duben","Květen","Červen","Červenec","Srpen","Září","Říjen","Listopad","Prosinec"],dayOfWeekShort:["Ne","Po","Út","St","Čt","Pá","So"]},hu:{months:["Január","Február","Március","Április","Május","Június","Július","Augusztus","Szeptember","Október","November","December"],dayOfWeekShort:["Va","Hé","Ke","Sze","Cs","Pé","Szo"],dayOfWeek:["vasárnap","hétfő","kedd","szerda","csütörtök","péntek","szombat"]},az:{months:["Yanvar","Fevral","Mart","Aprel","May","Iyun","Iyul","Avqust","Sentyabr","Oktyabr","Noyabr","Dekabr"],dayOfWeekShort:["B","Be","Ça","Ç","Ca","C","Ş"],dayOfWeek:["Bazar","Bazar ertəsi","Çərşənbə axşamı","Çərşənbə","Cümə axşamı","Cümə","Şənbə"]},bs:{months:["Januar","Februar","Mart","April","Maj","Jun","Jul","Avgust","Septembar","Oktobar","Novembar","Decembar"],dayOfWeekShort:["Ned","Pon","Uto","Sri","Čet","Pet","Sub"],dayOfWeek:["Nedjelja","Ponedjeljak","Utorak","Srijeda","Četvrtak","Petak","Subota"]},ca:{months:["Gener","Febrer","Març","Abril","Maig","Juny","Juliol","Agost","Setembre","Octubre","Novembre","Desembre"],dayOfWeekShort:["Dg","Dl","Dt","Dc","Dj","Dv","Ds"],dayOfWeek:["Diumenge","Dilluns","Dimarts","Dimecres","Dijous","Divendres","Dissabte"]},"en-GB":{months:["January","February","March","April","May","June","July","August","September","October","November","December"],dayOfWeekShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayOfWeek:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},et:{months:["Jaanuar","Veebruar","Märts","Aprill","Mai","Juuni","Juuli","August","September","Oktoober","November","Detsember"],dayOfWeekShort:["P","E","T","K","N","R","L"],dayOfWeek:["Pühapäev","Esmaspäev","Teisipäev","Kolmapäev","Neljapäev","Reede","Laupäev"]},eu:{months:["Urtarrila","Otsaila","Martxoa","Apirila","Maiatza","Ekaina","Uztaila","Abuztua","Iraila","Urria","Azaroa","Abendua"],dayOfWeekShort:["Ig.","Al.","Ar.","Az.","Og.","Or.","La."],dayOfWeek:["Igandea","Astelehena","Asteartea","Asteazkena","Osteguna","Ostirala","Larunbata"]},fi:{months:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],dayOfWeekShort:["Su","Ma","Ti","Ke","To","Pe","La"],dayOfWeek:["sunnuntai","maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai"]},gl:{months:["Xan","Feb","Maz","Abr","Mai","Xun","Xul","Ago","Set","Out","Nov","Dec"],dayOfWeekShort:["Dom","Lun","Mar","Mer","Xov","Ven","Sab"],dayOfWeek:["Domingo","Luns","Martes","Mércores","Xoves","Venres","Sábado"]},hr:{months:["Siječanj","Veljača","Ožujak","Travanj","Svibanj","Lipanj","Srpanj","Kolovoz","Rujan","Listopad","Studeni","Prosinac"],dayOfWeekShort:["Ned","Pon","Uto","Sri","Čet","Pet","Sub"],dayOfWeek:["Nedjelja","Ponedjeljak","Utorak","Srijeda","Četvrtak","Petak","Subota"]},ko:{months:["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],dayOfWeekShort:["일","월","화","수","목","금","토"],dayOfWeek:["일요일","월요일","화요일","수요일","목요일","금요일","토요일"]},lt:{months:["Sausio","Vasario","Kovo","Balandžio","Gegužės","Birželio","Liepos","Rugpjūčio","Rugsėjo","Spalio","Lapkričio","Gruodžio"],dayOfWeekShort:["Sek","Pir","Ant","Tre","Ket","Pen","Šeš"],dayOfWeek:["Sekmadienis","Pirmadienis","Antradienis","Trečiadienis","Ketvirtadienis","Penktadienis","Šeštadienis"]},lv:{months:["Janvāris","Februāris","Marts","Aprīlis ","Maijs","Jūnijs","Jūlijs","Augusts","Septembris","Oktobris","Novembris","Decembris"],dayOfWeekShort:["Sv","Pr","Ot","Tr","Ct","Pk","St"],dayOfWeek:["Svētdiena","Pirmdiena","Otrdiena","Trešdiena","Ceturtdiena","Piektdiena","Sestdiena"]},mk:{months:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],dayOfWeekShort:["нед","пон","вто","сре","чет","пет","саб"],dayOfWeek:["Недела","Понеделник","Вторник","Среда","Четврток","Петок","Сабота"]},mn:{months:["1-р сар","2-р сар","3-р сар","4-р сар","5-р сар","6-р сар","7-р сар","8-р сар","9-р сар","10-р сар","11-р сар","12-р сар"],dayOfWeekShort:["Дав","Мяг","Лха","Пүр","Бсн","Бям","Ням"],dayOfWeek:["Даваа","Мягмар","Лхагва","Пүрэв","Баасан","Бямба","Ням"]},"pt-BR":{months:["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"],dayOfWeekShort:["Dom","Seg","Ter","Qua","Qui","Sex","Sáb"],dayOfWeek:["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"]},sk:{months:["Január","Február","Marec","Apríl","Máj","Jún","Júl","August","September","Október","November","December"],dayOfWeekShort:["Ne","Po","Ut","St","Št","Pi","So"],dayOfWeek:["Nedeľa","Pondelok","Utorok","Streda","Štvrtok","Piatok","Sobota"]},sq:{months:["Janar","Shkurt","Mars","Prill","Maj","Qershor","Korrik","Gusht","Shtator","Tetor","Nëntor","Dhjetor"],dayOfWeekShort:["Die","Hën","Mar","Mër","Enj","Pre","Shtu"],dayOfWeek:["E Diel","E Hënë","E Martē","E Mërkurë","E Enjte","E Premte","E Shtunë"]},"sr-YU":{months:["Januar","Februar","Mart","April","Maj","Jun","Jul","Avgust","Septembar","Oktobar","Novembar","Decembar"],dayOfWeekShort:["Ned","Pon","Uto","Sre","čet","Pet","Sub"],dayOfWeek:["Nedelja","Ponedeljak","Utorak","Sreda","Četvrtak","Petak","Subota"]},sr:{months:["јануар","фебруар","март","април","мај","јун","јул","август","септембар","октобар","новембар","децембар"],dayOfWeekShort:["нед","пон","уто","сре","чет","пет","суб"],dayOfWeek:["Недеља","Понедељак","Уторак","Среда","Четвртак","Петак","Субота"]},sv:{months:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],dayOfWeekShort:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"],dayOfWeek:["Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag"]},"zh-TW":{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},zh:{months:["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],dayOfWeekShort:["日","一","二","三","四","五","六"],dayOfWeek:["星期日","星期一","星期二","星期三","星期四","星期五","星期六"]},ug:{months:["1-ئاي","2-ئاي","3-ئاي","4-ئاي","5-ئاي","6-ئاي","7-ئاي","8-ئاي","9-ئاي","10-ئاي","11-ئاي","12-ئاي"],dayOfWeek:["يەكشەنبە","دۈشەنبە","سەيشەنبە","چارشەنبە","پەيشەنبە","جۈمە","شەنبە"]},he:{months:["ינואר","פברואר","מרץ","אפריל","מאי","יוני","יולי","אוגוסט","ספטמבר","אוקטובר","נובמבר","דצמבר"],dayOfWeekShort:["א'","ב'","ג'","ד'","ה'","ו'","שבת"],dayOfWeek:["ראשון","שני","שלישי","רביעי","חמישי","שישי","שבת","ראשון"]},hy:{months:["Հունվար","Փետրվար","Մարտ","Ապրիլ","Մայիս","Հունիս","Հուլիս","Օգոստոս","Սեպտեմբեր","Հոկտեմբեր","Նոյեմբեր","Դեկտեմբեր"],dayOfWeekShort:["Կի","Երկ","Երք","Չոր","Հնգ","Ուրբ","Շբթ"],dayOfWeek:["Կիրակի","Երկուշաբթի","Երեքշաբթի","Չորեքշաբթի","Հինգշաբթի","Ուրբաթ","Շաբաթ"]},kg:{months:["Үчтүн айы","Бирдин айы","Жалган Куран","Чын Куран","Бугу","Кулжа","Теке","Баш Оона","Аяк Оона","Тогуздун айы","Жетинин айы","Бештин айы"],dayOfWeekShort:["Жек","Дүй","Шей","Шар","Бей","Жум","Ише"],dayOfWeek:["Жекшемб","Дүйшөмб","Шейшемб","Шаршемб","Бейшемби","Жума","Ишенб"]},rm:{months:["Schaner","Favrer","Mars","Avrigl","Matg","Zercladur","Fanadur","Avust","Settember","October","November","December"],dayOfWeekShort:["Du","Gli","Ma","Me","Gie","Ve","So"],dayOfWeek:["Dumengia","Glindesdi","Mardi","Mesemna","Gievgia","Venderdi","Sonda"]},ka:{months:["იანვარი","თებერვალი","მარტი","აპრილი","მაისი","ივნისი","ივლისი","აგვისტო","სექტემბერი","ოქტომბერი","ნოემბერი","დეკემბერი"],dayOfWeekShort:["კვ","ორშ","სამშ","ოთხ","ხუთ","პარ","შაბ"],dayOfWeek:["კვირა","ორშაბათი","სამშაბათი","ოთხშაბათი","ხუთშაბათი","პარასკევი","შაბათი"]},kk:{months:["Қаңтар","Ақпан","Наурыз","Сәуір","Мамыр","Маусым","Шілде","Тамыз","Қыркүйек","Қазан","Қараша","Желтоқсан"],dayOfWeekShort:["Жк","Дс","Сс","Ср","Бс","Жм","Сб"],dayOfWeek:["Жексенбі","Дүйсенбі","Сейсенбі","Сәрсенбі","Бейсенбі","Жұма","Сенбі"]}},ownerDocument:document,contentWindow:window,value:"",rtl:!1,format:"Y/m/d H:i",formatTime:"H:i",formatDate:"Y/m/d",startDate:!1,step:60,monthChangeSpinner:!0,closeOnDateSelect:!1,closeOnTimeSelect:!0,closeOnWithoutClick:!0,closeOnInputClick:!0,openOnFocus:!0,timepicker:!0,datepicker:!0,weeks:!1,defaultTime:!1,defaultDate:!1,minDate:!1,maxDate:!1,minTime:!1,maxTime:!1,minDateTime:!1,maxDateTime:!1,allowTimes:[],opened:!1,initTime:!0,inline:!1,theme:"",touchMovedThreshold:5,onSelectDate:function(){},onSelectTime:function(){},onChangeMonth:function(){},onGetWeekOfYear:function(){},onChangeYear:function(){},onChangeDateTime:function(){},onShow:function(){},onClose:function(){},onGenerate:function(){},withoutCopyright:!0,inverseButton:!1,hours12:!1,next:"xdsoft_next",prev:"xdsoft_prev",dayOfWeekStart:0,parentID:"body",timeHeightInTimePicker:25,timepickerScrollbar:!0,todayButton:!0,prevButton:!0,nextButton:!0,defaultSelect:!0,scrollMonth:!0,scrollTime:!0,scrollInput:!0,lazyInit:!1,mask:!1,validateOnBlur:!0,allowBlank:!0,yearStart:1950,yearEnd:2050,monthStart:0,monthEnd:11,style:"",id:"",fixed:!1,roundTime:"round",className:"",weekends:[],highlightedDates:[],highlightedPeriods:[],allowDates:[],allowDateRe:null,disabledDates:[],disabledWeekDays:[],yearOffset:0,beforeShowDay:null,enterLikeTab:!0,showApplyButton:!1,insideParent:!1},E=null,n=null,R="en",a={meridiem:["AM","PM"]},r=function(){var e=s.i18n[R],t={days:e.dayOfWeek,daysShort:e.dayOfWeekShort,months:e.months,monthsShort:L.map(e.months,function(e){return e.substring(0,3)})};"function"==typeof DateFormatter&&(E=n=new DateFormatter({dateSettings:L.extend({},a,t)}))},o={moment:{default_options:{format:"YYYY/MM/DD HH:mm",formatDate:"YYYY/MM/DD",formatTime:"HH:mm"},formatter:{parseDate:function(e,t){if(i(t))return n.parseDate(e,t);var a=moment(e,t);return!!a.isValid()&&a.toDate()},formatDate:function(e,t){return i(t)?n.formatDate(e,t):moment(e).format(t)},formatMask:function(e){return e.replace(/Y{4}/g,"9999").replace(/Y{2}/g,"99").replace(/M{2}/g,"19").replace(/D{2}/g,"39").replace(/H{2}/g,"29").replace(/m{2}/g,"59").replace(/s{2}/g,"59")}}}};L.datetimepicker={setLocale:function(e){var t=s.i18n[e]?e:"en";R!==t&&(R=t,r())},setDateFormatter:function(e){if("string"==typeof e&&o.hasOwnProperty(e)){var t=o[e];L.extend(s,t.default_options),E=t.formatter}else E=e}};var t={RFC_2822:"D, d M Y H:i:s O",ATOM:"Y-m-dTH:i:sP",ISO_8601:"Y-m-dTH:i:sO",RFC_822:"D, d M y H:i:s O",RFC_850:"l, d-M-y H:i:s T",RFC_1036:"D, d M y H:i:s O",RFC_1123:"D, d M Y H:i:s O",RSS:"D, d M Y H:i:s O",W3C:"Y-m-dTH:i:sP"},i=function(e){return-1!==Object.values(t).indexOf(e)};function m(e,t,a){this.date=e,this.desc=t,this.style=a}L.extend(L.datetimepicker,t),r(),window.getComputedStyle||(window.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(e){var t=/(-([a-z]))/g;return"float"===e&&(e="styleFloat"),t.test(e)&&(e=e.replace(t,function(e,t,a){return a.toUpperCase()})),a.currentStyle[e]||null},this}),Array.prototype.indexOf||(Array.prototype.indexOf=function(e,t){var a,n;for(a=t||0,n=this.length;a<n;a+=1)if(this[a]===e)return a;return-1}),Date.prototype.countDaysInMonth=function(){return new Date(this.getFullYear(),this.getMonth()+1,0).getDate()},L.fn.xdsoftScroller=function(D,y){return this.each(function(){var o,i,s,d,u,l=L(this),a=function(e){var t,a={x:0,y:0};return"touchstart"===e.type||"touchmove"===e.type||"touchend"===e.type||"touchcancel"===e.type?(t=e.originalEvent.touches[0]||e.originalEvent.changedTouches[0],a.x=t.clientX,a.y=t.clientY):"mousedown"!==e.type&&"mouseup"!==e.type&&"mousemove"!==e.type&&"mouseover"!==e.type&&"mouseout"!==e.type&&"mouseenter"!==e.type&&"mouseleave"!==e.type||(a.x=e.clientX,a.y=e.clientY),a},f=0,c=100,n=!1,r=0,m=0,h=0,t=!1,g=0,p=function(){};"hide"!==y?(L(this).hasClass("xdsoft_scroller_box")||(o=l.children().eq(0),f=Math.abs(parseInt(o.css("marginTop"),10)),i=l[0].clientHeight,s=o[0].offsetHeight,d=L('<div class="xdsoft_scrollbar"></div>'),u=L('<div class="xdsoft_scroller"></div>'),d.append(u),l.addClass("xdsoft_scroller_box").append(d),p=function(e){var t=a(e).y-r+g;t<0&&(t=0),t+u[0].offsetHeight>h&&(t=h-u[0].offsetHeight),l.trigger("scroll_element.xdsoft_scroller",[c?t/c:0])},u.on("touchstart.xdsoft_scroller mousedown.xdsoft_scroller",function(e){i||l.trigger("resize_scroll.xdsoft_scroller",[y]),r=a(e).y,g=parseInt(u.css("marginTop"),10),h=d[0].offsetHeight,"mousedown"===e.type||"touchstart"===e.type?(D.ownerDocument&&L(D.ownerDocument.body).addClass("xdsoft_noselect"),L([D.ownerDocument.body,D.contentWindow]).on("touchend mouseup.xdsoft_scroller",function e(){L([D.ownerDocument.body,D.contentWindow]).off("touchend mouseup.xdsoft_scroller",e).off("mousemove.xdsoft_scroller",p).removeClass("xdsoft_noselect")}),L(D.ownerDocument.body).on("mousemove.xdsoft_scroller",p)):(t=!0,e.stopPropagation(),e.preventDefault())}).on("touchmove",function(e){t&&(e.preventDefault(),p(e))}).on("touchend touchcancel",function(){t=!1,g=0}),l.on("scroll_element.xdsoft_scroller",function(e,t){i||l.trigger("resize_scroll.xdsoft_scroller",[t,!0]),t=1<t?1:t<0||isNaN(t)?0:t,f=parseFloat(Math.abs((o[0].offsetHeight-i)*t).toFixed(4)),u.css("marginTop",c*t),o.css("marginTop",-f)}).on("resize_scroll.xdsoft_scroller",function(e,t,a){var n,r;i=l[0].clientHeight,s=o[0].offsetHeight,r=(n=i/s)*d[0].offsetHeight,1<n?u.hide():(u.show(),u.css("height",parseInt(10<r?r:10,10)),c=d[0].offsetHeight-u[0].offsetHeight,!0!==a&&l.trigger("scroll_element.xdsoft_scroller",[t||f/(s-i)]))}),l.on("mousewheel",function(e){var t,a,n=(t=e.originalEvent,a=0,"detail"in t&&(a=t.detail),"wheelDelta"in t&&(a=-t.wheelDelta/120),"wheelDeltaY"in t&&(a=-t.wheelDeltaY/120),"axis"in t&&t.axis===t.HORIZONTAL_AXIS&&(a=0),a*=10,"deltaY"in t&&(a=-t.deltaY),a&&t.deltaMode&&(1===t.deltaMode?a*=40:a*=800),a),r=Math.max(0,f-n);return l.trigger("scroll_element.xdsoft_scroller",[r/(s-i)]),e.stopPropagation(),!1}),l.on("touchstart",function(e){n=a(e),m=f}),l.on("touchmove",function(e){if(n){e.preventDefault();var t=a(e);l.trigger("scroll_element.xdsoft_scroller",[(m-(t.y-n.y))/(s-i)])}}),l.on("touchend touchcancel",function(){n=!1,m=0})),l.trigger("resize_scroll.xdsoft_scroller",[y])):l.find(".xdsoft_scrollbar").hide()})},L.fn.datetimepicker=function(H,a){var n,r,o=this,p=17,D=13,y=27,v=37,k=38,b=39,x=40,T=9,S=116,M=65,w=67,j=86,J=90,z=89,N=!1,I=L.isPlainObject(H)||!H?L.extend(!0,{},s,H):L.extend(!0,{},s),i=0;return n=function(O){var t,n,a,r,W,h,_=L('<div class="xdsoft_datetimepicker xdsoft_noselect"></div>'),e=L('<div class="xdsoft_copyright"><a target="_blank" href="http://xdsoft.net/jqplugins/datetimepicker/">xdsoft.net</a></div>'),g=L('<div class="xdsoft_datepicker active"></div>'),F=L('<div class="xdsoft_monthpicker"><button type="button" class="xdsoft_prev"></button><button type="button" class="xdsoft_today_button"></button><div class="xdsoft_label xdsoft_month"><span></span><i></i></div><div class="xdsoft_label xdsoft_year"><span></span><i></i></div><button type="button" class="xdsoft_next"></button></div>'),C=L('<div class="xdsoft_calendar"></div>'),o=L('<div class="xdsoft_timepicker active"><button type="button" class="xdsoft_prev"></button><div class="xdsoft_time_box"></div><button type="button" class="xdsoft_next"></button></div>'),u=o.find(".xdsoft_time_box").eq(0),P=L('<div class="xdsoft_time_variant"></div>'),i=L('<button type="button" class="xdsoft_save_selected blue-gradient-button">Save Selected</button>'),Y=L('<div class="xdsoft_select xdsoft_monthselect"><div></div></div>'),A=L('<div class="xdsoft_select xdsoft_yearselect"><div></div></div>'),s=!1,d=0;I.id&&_.attr("id",I.id),I.style&&_.attr("style",I.style),I.weeks&&_.addClass("xdsoft_showweeks"),I.rtl&&_.addClass("xdsoft_rtl"),_.addClass("xdsoft_"+I.theme),_.addClass(I.className),F.find(".xdsoft_month span").after(Y),F.find(".xdsoft_year span").after(A),F.find(".xdsoft_month,.xdsoft_year").on("touchstart mousedown.xdsoft",function(e){var t,a,n=L(this).find(".xdsoft_select").eq(0),r=0,o=0,i=n.is(":visible");for(F.find(".xdsoft_select").hide(),W.currentTime&&(r=W.currentTime[L(this).hasClass("xdsoft_month")?"getMonth":"getFullYear"]()),n[i?"hide":"show"](),t=n.find("div.xdsoft_option"),a=0;a<t.length&&t.eq(a).data("value")!==r;a+=1)o+=t[0].offsetHeight;return n.xdsoftScroller(I,o/(n.children()[0].offsetHeight-n[0].clientHeight)),e.stopPropagation(),!1});var l=function(e){var t=e.originalEvent,a=t.touches?t.touches[0]:t;this.touchStartPosition=this.touchStartPosition||a;var n=Math.abs(this.touchStartPosition.clientX-a.clientX),r=Math.abs(this.touchStartPosition.clientY-a.clientY);Math.sqrt(n*n+r*r)>I.touchMovedThreshold&&(this.touchMoved=!0)};function f(){var e,t=!1;return I.startDate?t=W.strToDate(I.startDate):(t=I.value||(O&&O.val&&O.val()?O.val():""))?(t=W.strToDateTime(t),I.yearOffset&&(t=new Date(t.getFullYear()-I.yearOffset,t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()))):I.defaultDate&&(t=W.strToDateTime(I.defaultDate),I.defaultTime&&(e=W.strtotime(I.defaultTime),t.setHours(e.getHours()),t.setMinutes(e.getMinutes()))),t&&W.isValidDate(t)?_.data("changed",!0):t="",t||0}function c(m){var h=function(e,t){var a=e.replace(/([\[\]\/\{\}\(\)\-\.\+]{1})/g,"\\$1").replace(/_/g,"{digit+}").replace(/([0-9]{1})/g,"{digit$1}").replace(/\{digit([0-9]{1})\}/g,"[0-$1_]{1}").replace(/\{digit[\+]\}/g,"[0-9_]{1}");return new RegExp(a).test(t)},g=function(e,t){if(!(e="string"==typeof e||e instanceof String?m.ownerDocument.getElementById(e):e))return!1;if(e.createTextRange){var a=e.createTextRange();return a.collapse(!0),a.moveEnd("character",t),a.moveStart("character",t),a.select(),!0}return!!e.setSelectionRange&&(e.setSelectionRange(t,t),!0)};m.mask&&O.off("keydown.xdsoft"),!0===m.mask&&(E.formatMask?m.mask=E.formatMask(m.format):m.mask=m.format.replace(/Y/g,"9999").replace(/F/g,"9999").replace(/m/g,"19").replace(/d/g,"39").replace(/H/g,"29").replace(/i/g,"59").replace(/s/g,"59")),"string"===L.type(m.mask)&&(h(m.mask,O.val())||(O.val(m.mask.replace(/[0-9]/g,"_")),g(O[0],0)),O.on("paste.xdsoft",function(e){var t=(e.clipboardData||e.originalEvent.clipboardData||window.clipboardData).getData("text"),a=this.value,n=this.selectionStart;return a=a.substr(0,n)+t+a.substr(n+t.length),n+=t.length,h(m.mask,a)?(this.value=a,g(this,n)):""===L.trim(a)?this.value=m.mask.replace(/[0-9]/g,"_"):O.trigger("error_input.xdsoft"),e.preventDefault(),!1}),O.on("keydown.xdsoft",function(e){var t,a=this.value,n=e.which,r=this.selectionStart,o=this.selectionEnd,i=r!==o;if(48<=n&&n<=57||96<=n&&n<=105||8===n||46===n){for(t=8===n||46===n?"_":String.fromCharCode(96<=n&&n<=105?n-48:n),8===n&&r&&!i&&(r-=1);;){var s=m.mask.substr(r,1),d=r<m.mask.length,u=0<r;if(!(/[^0-9_]/.test(s)&&d&&u))break;r+=8!==n||i?1:-1}if(e.metaKey&&(i=!(r=0)),i){var l=o-r,f=m.mask.replace(/[0-9]/g,"_"),c=f.substr(r,l).substr(1);a=a.substr(0,r)+(t+c)+a.substr(r+l)}else{a=a.substr(0,r)+t+a.substr(r+1)}if(""===L.trim(a))a=f;else if(r===m.mask.length)return e.preventDefault(),!1;for(r+=8===n?0:1;/[^0-9_]/.test(m.mask.substr(r,1))&&r<m.mask.length&&0<r;)r+=8===n?0:1;h(m.mask,a)?(this.value=a,g(this,r)):""===L.trim(a)?this.value=m.mask.replace(/[0-9]/g,"_"):O.trigger("error_input.xdsoft")}else if(-1!==[M,w,j,J,z].indexOf(n)&&N||-1!==[y,k,x,v,b,S,p,T,D].indexOf(n))return!0;return e.preventDefault(),!1}))}F.find(".xdsoft_select").xdsoftScroller(I).on("touchstart mousedown.xdsoft",function(e){var t=e.originalEvent;this.touchMoved=!1,this.touchStartPosition=t.touches?t.touches[0]:t,e.stopPropagation(),e.preventDefault()}).on("touchmove",".xdsoft_option",l).on("touchend mousedown.xdsoft",".xdsoft_option",function(){if(!this.touchMoved){void 0!==W.currentTime&&null!==W.currentTime||(W.currentTime=W.now());var e=W.currentTime.getFullYear();W&&W.currentTime&&W.currentTime[L(this).parent().parent().hasClass("xdsoft_monthselect")?"setMonth":"setFullYear"](L(this).data("value")),L(this).parent().parent().hide(),_.trigger("xchange.xdsoft"),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),e!==W.currentTime.getFullYear()&&L.isFunction(I.onChangeYear)&&I.onChangeYear.call(_,W.currentTime,_.data("input"))}}),_.getValue=function(){return W.getCurrentTime()},_.setOptions=function(e){var l={};I=L.extend(!0,{},I,e),e.allowTimes&&L.isArray(e.allowTimes)&&e.allowTimes.length&&(I.allowTimes=L.extend(!0,[],e.allowTimes)),e.weekends&&L.isArray(e.weekends)&&e.weekends.length&&(I.weekends=L.extend(!0,[],e.weekends)),e.allowDates&&L.isArray(e.allowDates)&&e.allowDates.length&&(I.allowDates=L.extend(!0,[],e.allowDates)),e.allowDateRe&&"[object String]"===Object.prototype.toString.call(e.allowDateRe)&&(I.allowDateRe=new RegExp(e.allowDateRe)),e.highlightedDates&&L.isArray(e.highlightedDates)&&e.highlightedDates.length&&(L.each(e.highlightedDates,function(e,t){var a,n=L.map(t.split(","),L.trim),r=new m(E.parseDate(n[0],I.formatDate),n[1],n[2]),o=E.formatDate(r.date,I.formatDate);void 0!==l[o]?(a=l[o].desc)&&a.length&&r.desc&&r.desc.length&&(l[o].desc=a+"\n"+r.desc):l[o]=r}),I.highlightedDates=L.extend(!0,[],l)),e.highlightedPeriods&&L.isArray(e.highlightedPeriods)&&e.highlightedPeriods.length&&(l=L.extend(!0,[],I.highlightedDates),L.each(e.highlightedPeriods,function(e,t){var a,n,r,o,i,s,d;if(L.isArray(t))a=t[0],n=t[1],r=t[2],d=t[3];else{var u=L.map(t.split(","),L.trim);a=E.parseDate(u[0],I.formatDate),n=E.parseDate(u[1],I.formatDate),r=u[2],d=u[3]}for(;a<=n;)o=new m(a,r,d),i=E.formatDate(a,I.formatDate),a.setDate(a.getDate()+1),void 0!==l[i]?(s=l[i].desc)&&s.length&&o.desc&&o.desc.length&&(l[i].desc=s+"\n"+o.desc):l[i]=o}),I.highlightedDates=L.extend(!0,[],l)),e.disabledDates&&L.isArray(e.disabledDates)&&e.disabledDates.length&&(I.disabledDates=L.extend(!0,[],e.disabledDates)),e.disabledWeekDays&&L.isArray(e.disabledWeekDays)&&e.disabledWeekDays.length&&(I.disabledWeekDays=L.extend(!0,[],e.disabledWeekDays)),!I.open&&!I.opened||I.inline||O.trigger("open.xdsoft"),I.inline&&(s=!0,_.addClass("xdsoft_inline"),O.after(_).hide()),I.inverseButton&&(I.next="xdsoft_prev",I.prev="xdsoft_next"),I.datepicker?g.addClass("active"):g.removeClass("active"),I.timepicker?o.addClass("active"):o.removeClass("active"),I.value&&(W.setCurrentTime(I.value),O&&O.val&&O.val(W.str)),isNaN(I.dayOfWeekStart)?I.dayOfWeekStart=0:I.dayOfWeekStart=parseInt(I.dayOfWeekStart,10)%7,I.timepickerScrollbar||u.xdsoftScroller(I,"hide"),I.minDate&&/^[\+\-](.*)$/.test(I.minDate)&&(I.minDate=E.formatDate(W.strToDateTime(I.minDate),I.formatDate)),I.maxDate&&/^[\+\-](.*)$/.test(I.maxDate)&&(I.maxDate=E.formatDate(W.strToDateTime(I.maxDate),I.formatDate)),I.minDateTime&&/^\+(.*)$/.test(I.minDateTime)&&(I.minDateTime=W.strToDateTime(I.minDateTime).dateFormat(I.formatDate)),I.maxDateTime&&/^\+(.*)$/.test(I.maxDateTime)&&(I.maxDateTime=W.strToDateTime(I.maxDateTime).dateFormat(I.formatDate)),i.toggle(I.showApplyButton),F.find(".xdsoft_today_button").css("visibility",I.todayButton?"visible":"hidden"),F.find("."+I.prev).css("visibility",I.prevButton?"visible":"hidden"),F.find("."+I.next).css("visibility",I.nextButton?"visible":"hidden"),c(I),I.validateOnBlur&&O.off("blur.xdsoft").on("blur.xdsoft",function(){if(I.allowBlank&&(!L.trim(L(this).val()).length||"string"==typeof I.mask&&L.trim(L(this).val())===I.mask.replace(/[0-9]/g,"_")))L(this).val(null),_.data("xdsoft_datetime").empty();else{var e=E.parseDate(L(this).val(),I.format);if(e)L(this).val(E.formatDate(e,I.format));else{var t=+[L(this).val()[0],L(this).val()[1]].join(""),a=+[L(this).val()[2],L(this).val()[3]].join("");!I.datepicker&&I.timepicker&&0<=t&&t<24&&0<=a&&a<60?L(this).val([t,a].map(function(e){return 9<e?e:"0"+e}).join(":")):L(this).val(E.formatDate(W.now(),I.format))}_.data("xdsoft_datetime").setCurrentTime(L(this).val())}_.trigger("changedatetime.xdsoft"),_.trigger("close.xdsoft")}),I.dayOfWeekStartPrev=0===I.dayOfWeekStart?6:I.dayOfWeekStart-1,_.trigger("xchange.xdsoft").trigger("afterOpen.xdsoft")},_.data("options",I).on("touchstart mousedown.xdsoft",function(e){return e.stopPropagation(),e.preventDefault(),A.hide(),Y.hide(),!1}),u.append(P),u.xdsoftScroller(I),_.on("afterOpen.xdsoft",function(){u.xdsoftScroller(I)}),_.append(g).append(o),!0!==I.withoutCopyright&&_.append(e),g.append(F).append(C).append(i),I.insideParent?L(O).parent().append(_):L(I.parentID).append(_),W=new function(){var r=this;r.now=function(e){var t,a,n=new Date;return!e&&I.defaultDate&&(t=r.strToDateTime(I.defaultDate),n.setFullYear(t.getFullYear()),n.setMonth(t.getMonth()),n.setDate(t.getDate())),n.setFullYear(n.getFullYear()),!e&&I.defaultTime&&(a=r.strtotime(I.defaultTime),n.setHours(a.getHours()),n.setMinutes(a.getMinutes()),n.setSeconds(a.getSeconds()),n.setMilliseconds(a.getMilliseconds())),n},r.isValidDate=function(e){return"[object Date]"===Object.prototype.toString.call(e)&&!isNaN(e.getTime())},r.setCurrentTime=function(e,t){"string"==typeof e?r.currentTime=r.strToDateTime(e):r.isValidDate(e)?r.currentTime=e:e||t||!I.allowBlank||I.inline?r.currentTime=r.now():r.currentTime=null,_.trigger("xchange.xdsoft")},r.empty=function(){r.currentTime=null},r.getCurrentTime=function(){return r.currentTime},r.nextMonth=function(){void 0!==r.currentTime&&null!==r.currentTime||(r.currentTime=r.now());var e,t=r.currentTime.getMonth()+1;return 12===t&&(r.currentTime.setFullYear(r.currentTime.getFullYear()+1),t=0),e=r.currentTime.getFullYear(),r.currentTime.setDate(Math.min(new Date(r.currentTime.getFullYear(),t+1,0).getDate(),r.currentTime.getDate())),r.currentTime.setMonth(t),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),e!==r.currentTime.getFullYear()&&L.isFunction(I.onChangeYear)&&I.onChangeYear.call(_,W.currentTime,_.data("input")),_.trigger("xchange.xdsoft"),t},r.prevMonth=function(){void 0!==r.currentTime&&null!==r.currentTime||(r.currentTime=r.now());var e=r.currentTime.getMonth()-1;return-1===e&&(r.currentTime.setFullYear(r.currentTime.getFullYear()-1),e=11),r.currentTime.setDate(Math.min(new Date(r.currentTime.getFullYear(),e+1,0).getDate(),r.currentTime.getDate())),r.currentTime.setMonth(e),I.onChangeMonth&&L.isFunction(I.onChangeMonth)&&I.onChangeMonth.call(_,W.currentTime,_.data("input")),_.trigger("xchange.xdsoft"),e},r.getWeekOfYear=function(e){if(I.onGetWeekOfYear&&L.isFunction(I.onGetWeekOfYear)){var t=I.onGetWeekOfYear.call(_,e);if(void 0!==t)return t}var a=new Date(e.getFullYear(),0,1);return 4!==a.getDay()&&a.setMonth(0,1+(4-a.getDay()+7)%7),Math.ceil(((e-a)/864e5+a.getDay()+1)/7)},r.strToDateTime=function(e){var t,a,n=[];return e&&e instanceof Date&&r.isValidDate(e)?e:((n=/^([+-]{1})(.*)$/.exec(e))&&(n[2]=E.parseDate(n[2],I.formatDate)),a=n&&n[2]?(t=n[2].getTime()-6e4*n[2].getTimezoneOffset(),new Date(r.now(!0).getTime()+parseInt(n[1]+"1",10)*t)):e?E.parseDate(e,I.format):r.now(),r.isValidDate(a)||(a=r.now()),a)},r.strToDate=function(e){if(e&&e instanceof Date&&r.isValidDate(e))return e;var t=e?E.parseDate(e,I.formatDate):r.now(!0);return r.isValidDate(t)||(t=r.now(!0)),t},r.strtotime=function(e){if(e&&e instanceof Date&&r.isValidDate(e))return e;var t=e?E.parseDate(e,I.formatTime):r.now(!0);return r.isValidDate(t)||(t=r.now(!0)),t},r.str=function(){var e=I.format;return I.yearOffset&&(e=(e=e.replace("Y",r.currentTime.getFullYear()+I.yearOffset)).replace("y",String(r.currentTime.getFullYear()+I.yearOffset).substring(2,4))),E.formatDate(r.currentTime,e)},r.currentTime=this.now()},i.on("touchend click",function(e){e.preventDefault(),_.data("changed",!0),W.setCurrentTime(f()),O.val(W.str()),_.trigger("close.xdsoft")}),F.find(".xdsoft_today_button").on("touchend mousedown.xdsoft",function(){_.data("changed",!0),W.setCurrentTime(0,!0),_.trigger("afterOpen.xdsoft")}).on("dblclick.xdsoft",function(){var e,t,a=W.getCurrentTime();a=new Date(a.getFullYear(),a.getMonth(),a.getDate()),e=W.strToDate(I.minDate),a<(e=new Date(e.getFullYear(),e.getMonth(),e.getDate()))||(t=W.strToDate(I.maxDate),(t=new Date(t.getFullYear(),t.getMonth(),t.getDate()))<a||(O.val(W.str()),O.trigger("change"),_.trigger("close.xdsoft")))}),F.find(".xdsoft_prev,.xdsoft_next").on("touchend mousedown.xdsoft",function(){var a=L(this),n=0,r=!1;!function e(t){a.hasClass(I.next)?W.nextMonth():a.hasClass(I.prev)&&W.prevMonth(),I.monthChangeSpinner&&(r||(n=setTimeout(e,t||100)))}(500),L([I.ownerDocument.body,I.contentWindow]).on("touchend mouseup.xdsoft",function e(){clearTimeout(n),r=!0,L([I.ownerDocument.body,I.contentWindow]).off("touchend mouseup.xdsoft",e)})}),o.find(".xdsoft_prev,.xdsoft_next").on("touchend mousedown.xdsoft",function(){var o=L(this),i=0,s=!1,d=110;!function e(t){var a=u[0].clientHeight,n=P[0].offsetHeight,r=Math.abs(parseInt(P.css("marginTop"),10));r<I.timeHeightInTimePicker?r=I.timeHeightInTimePicker:o.hasClass(I.next)&&n-a<r&&P.css("marginTop","-"+n+"px"),o.hasClass(I.next)&&r<n-a?P.css("marginTop","-"+(r+I.timeHeightInTimePicker)+"px"):o.hasClass(I.prev)&&0<=r-I.timeHeightInTimePicker&&P.css("marginTop","-"+(r-I.timeHeightInTimePicker)+"px"),u.trigger("scroll_element.xdsoft_scroller",[Math.abs(parseInt(P[0].style.marginTop,10)/(n-a))]),d=10<d?10:d-10,s||(i=setTimeout(e,t||d))}(500),L([I.ownerDocument.body,I.contentWindow]).on("touchend mouseup.xdsoft",function e(){clearTimeout(i),s=!0,L([I.ownerDocument.body,I.contentWindow]).off("touchend mouseup.xdsoft",e)})}),t=0,_.on("xchange.xdsoft",function(e){clearTimeout(t),t=setTimeout(function(){(void 0===W.currentTime||null===W.currentTime||isNaN(W.currentTime.getTime()))&&(W.currentTime=W.now());for(var e,t,a,n,r,o,i,s,d,u,l="",f=new Date(W.currentTime.getFullYear(),W.currentTime.getMonth(),1,12,0,0),c=0,m=W.now(),h=!1,g=!1,p=!1,D=!1,y=[],v=!0,k="";f.getDay()!==I.dayOfWeekStart;)f.setDate(f.getDate()-1);for(l+="<table><thead><tr>",I.weeks&&(l+="<th></th>"),e=0;e<7;e+=1)l+="<th>"+I.i18n[R].dayOfWeekShort[(e+I.dayOfWeekStart)%7]+"</th>";for(l+="</tr></thead>",l+="<tbody>",!1!==I.maxDate&&(h=W.strToDate(I.maxDate),h=new Date(h.getFullYear(),h.getMonth(),h.getDate(),23,59,59,999)),!1!==I.minDate&&(g=W.strToDate(I.minDate),g=new Date(g.getFullYear(),g.getMonth(),g.getDate())),!1!==I.minDateTime&&(p=W.strToDate(I.minDateTime),p=new Date(p.getFullYear(),p.getMonth(),p.getDate(),p.getHours(),p.getMinutes(),p.getSeconds())),!1!==I.maxDateTime&&(D=W.strToDate(I.maxDateTime),D=new Date(D.getFullYear(),D.getMonth(),D.getDate(),D.getHours(),D.getMinutes(),D.getSeconds())),!1!==D&&(u=31*(12*D.getFullYear()+D.getMonth())+D.getDate());c<W.currentTime.countDaysInMonth()||f.getDay()!==I.dayOfWeekStart||W.currentTime.getMonth()===f.getMonth();){y=[],c+=1,a=f.getDay(),n=f.getDate(),r=f.getFullYear(),M=f.getMonth(),o=W.getWeekOfYear(f),d="",y.push("xdsoft_date"),i=I.beforeShowDay&&L.isFunction(I.beforeShowDay.call)?I.beforeShowDay.call(_,f):null,I.allowDateRe&&"[object RegExp]"===Object.prototype.toString.call(I.allowDateRe)&&(I.allowDateRe.test(E.formatDate(f,I.formatDate))||y.push("xdsoft_disabled")),I.allowDates&&0<I.allowDates.length&&-1===I.allowDates.indexOf(E.formatDate(f,I.formatDate))&&y.push("xdsoft_disabled");var b=31*(12*f.getFullYear()+f.getMonth())+f.getDate();(!1!==h&&h<f||!1!==p&&f<p||!1!==g&&f<g||!1!==D&&u<b||i&&!1===i[0])&&y.push("xdsoft_disabled"),-1!==I.disabledDates.indexOf(E.formatDate(f,I.formatDate))&&y.push("xdsoft_disabled"),-1!==I.disabledWeekDays.indexOf(a)&&y.push("xdsoft_disabled"),O.is("[disabled]")&&y.push("xdsoft_disabled"),i&&""!==i[1]&&y.push(i[1]),W.currentTime.getMonth()!==M&&y.push("xdsoft_other_month"),(I.defaultSelect||_.data("changed"))&&E.formatDate(W.currentTime,I.formatDate)===E.formatDate(f,I.formatDate)&&y.push("xdsoft_current"),E.formatDate(m,I.formatDate)===E.formatDate(f,I.formatDate)&&y.push("xdsoft_today"),0!==f.getDay()&&6!==f.getDay()&&-1===I.weekends.indexOf(E.formatDate(f,I.formatDate))||y.push("xdsoft_weekend"),void 0!==I.highlightedDates[E.formatDate(f,I.formatDate)]&&(t=I.highlightedDates[E.formatDate(f,I.formatDate)],y.push(void 0===t.style?"xdsoft_highlighted_default":t.style),d=void 0===t.desc?"":t.desc),I.beforeShowDay&&L.isFunction(I.beforeShowDay)&&y.push(I.beforeShowDay(f)),v&&(l+="<tr>",v=!1,I.weeks&&(l+="<th>"+o+"</th>")),l+='<td data-date="'+n+'" data-month="'+M+'" data-year="'+r+'" class="xdsoft_date xdsoft_day_of_week'+f.getDay()+" "+y.join(" ")+'" title="'+d+'"><div>'+n+"</div></td>",f.getDay()===I.dayOfWeekStartPrev&&(l+="</tr>",v=!0),f.setDate(n+1)}l+="</tbody></table>",C.html(l),F.find(".xdsoft_label span").eq(0).text(I.i18n[R].months[W.currentTime.getMonth()]),F.find(".xdsoft_label span").eq(1).text(W.currentTime.getFullYear()+I.yearOffset),M=k="";var x=0;if(!1!==I.minTime){var T=W.strtotime(I.minTime);x=60*T.getHours()+T.getMinutes()}var S=1440;if(!1!==I.maxTime){T=W.strtotime(I.maxTime);S=60*T.getHours()+T.getMinutes()}if(!1!==I.minDateTime){T=W.strToDateTime(I.minDateTime);if(E.formatDate(W.currentTime,I.formatDate)===E.formatDate(T,I.formatDate)){var M=60*T.getHours()+T.getMinutes();x<M&&(x=M)}}if(!1!==I.maxDateTime){T=W.strToDateTime(I.maxDateTime);if(E.formatDate(W.currentTime,I.formatDate)===E.formatDate(T,I.formatDate))(M=60*T.getHours()+T.getMinutes())<S&&(S=M)}if(s=function(e,t){var a,n=W.now(),r=I.allowTimes&&L.isArray(I.allowTimes)&&I.allowTimes.length;n.setHours(e),e=parseInt(n.getHours(),10),n.setMinutes(t),t=parseInt(n.getMinutes(),10),y=[];var o=60*e+t;(O.is("[disabled]")||S<=o||o<x)&&y.push("xdsoft_disabled"),(a=new Date(W.currentTime)).setHours(parseInt(W.currentTime.getHours(),10)),r||a.setMinutes(Math[I.roundTime](W.currentTime.getMinutes()/I.step)*I.step),(I.initTime||I.defaultSelect||_.data("changed"))&&a.getHours()===parseInt(e,10)&&(!r&&59<I.step||a.getMinutes()===parseInt(t,10))&&(I.defaultSelect||_.data("changed")?y.push("xdsoft_current"):I.initTime&&y.push("xdsoft_init_time")),parseInt(m.getHours(),10)===parseInt(e,10)&&parseInt(m.getMinutes(),10)===parseInt(t,10)&&y.push("xdsoft_today"),k+='<div class="xdsoft_time '+y.join(" ")+'" data-hour="'+e+'" data-minute="'+t+'">'+E.formatDate(n,I.formatTime)+"</div>"},I.allowTimes&&L.isArray(I.allowTimes)&&I.allowTimes.length)for(c=0;c<I.allowTimes.length;c+=1)s(W.strtotime(I.allowTimes[c]).getHours(),M=W.strtotime(I.allowTimes[c]).getMinutes());else for(e=c=0;c<(I.hours12?12:24);c+=1)for(e=0;e<60;e+=I.step){var w=60*c+e;w<x||(S<=w||s((c<10?"0":"")+c,M=(e<10?"0":"")+e))}for(P.html(k),H="",c=parseInt(I.yearStart,10);c<=parseInt(I.yearEnd,10);c+=1)H+='<div class="xdsoft_option '+(W.currentTime.getFullYear()===c?"xdsoft_current":"")+'" data-value="'+c+'">'+(c+I.yearOffset)+"</div>";for(A.children().eq(0).html(H),c=parseInt(I.monthStart,10),H="";c<=parseInt(I.monthEnd,10);c+=1)H+='<div class="xdsoft_option '+(W.currentTime.getMonth()===c?"xdsoft_current":"")+'" data-value="'+c+'">'+I.i18n[R].months[c]+"</div>";Y.children().eq(0).html(H),L(_).trigger("generate.xdsoft")},10),e.stopPropagation()}).on("afterOpen.xdsoft",function(){var e,t,a,n;I.timepicker&&(P.find(".xdsoft_current").length?e=".xdsoft_current":P.find(".xdsoft_init_time").length&&(e=".xdsoft_init_time"),e?(t=u[0].clientHeight,(a=P[0].offsetHeight)-t<(n=P.find(e).index()*I.timeHeightInTimePicker+1)&&(n=a-t),u.trigger("scroll_element.xdsoft_scroller",[parseInt(n,10)/(a-t)])):u.trigger("scroll_element.xdsoft_scroller",[0]))}),n=0,C.on("touchend click.xdsoft","td",function(e){e.stopPropagation(),n+=1;var t=L(this),a=W.currentTime;if(null==a&&(W.currentTime=W.now(),a=W.currentTime),t.hasClass("xdsoft_disabled"))return!1;a.setDate(1),a.setFullYear(t.data("year")),a.setMonth(t.data("month")),a.setDate(t.data("date")),_.trigger("select.xdsoft",[a]),O.val(W.str()),I.onSelectDate&&L.isFunction(I.onSelectDate)&&I.onSelectDate.call(_,W.currentTime,_.data("input"),e),_.data("changed",!0),_.trigger("xchange.xdsoft"),_.trigger("changedatetime.xdsoft"),(1<n||!0===I.closeOnDateSelect||!1===I.closeOnDateSelect&&!I.timepicker)&&!I.inline&&_.trigger("close.xdsoft"),setTimeout(function(){n=0},200)}),P.on("touchstart","div",function(e){this.touchMoved=!1}).on("touchmove","div",l).on("touchend click.xdsoft","div",function(e){if(!this.touchMoved){e.stopPropagation();var t=L(this),a=W.currentTime;if(null==a&&(W.currentTime=W.now(),a=W.currentTime),t.hasClass("xdsoft_disabled"))return!1;a.setHours(t.data("hour")),a.setMinutes(t.data("minute")),_.trigger("select.xdsoft",[a]),_.data("input").val(W.str()),I.onSelectTime&&L.isFunction(I.onSelectTime)&&I.onSelectTime.call(_,W.currentTime,_.data("input"),e),_.data("changed",!0),_.trigger("xchange.xdsoft"),_.trigger("changedatetime.xdsoft"),!0!==I.inline&&!0===I.closeOnTimeSelect&&_.trigger("close.xdsoft")}}),g.on("mousewheel.xdsoft",function(e){return!I.scrollMonth||(e.deltaY<0?W.nextMonth():W.prevMonth(),!1)}),O.on("mousewheel.xdsoft",function(e){return!I.scrollInput||(!I.datepicker&&I.timepicker?(0<=(a=P.find(".xdsoft_current").length?P.find(".xdsoft_current").eq(0).index():0)+e.deltaY&&a+e.deltaY<P.children().length&&(a+=e.deltaY),P.children().eq(a).length&&P.children().eq(a).trigger("mousedown"),!1):I.datepicker&&!I.timepicker?(g.trigger(e,[e.deltaY,e.deltaX,e.deltaY]),O.val&&O.val(W.str()),_.trigger("changedatetime.xdsoft"),!1):void 0)}),_.on("changedatetime.xdsoft",function(e){if(I.onChangeDateTime&&L.isFunction(I.onChangeDateTime)){var t=_.data("input");I.onChangeDateTime.call(_,W.currentTime,t,e),delete I.value,t.trigger("change")}}).on("generate.xdsoft",function(){I.onGenerate&&L.isFunction(I.onGenerate)&&I.onGenerate.call(_,W.currentTime,_.data("input")),s&&(_.trigger("afterOpen.xdsoft"),s=!1)}).on("click.xdsoft",function(e){e.stopPropagation()}),a=0,h=function(e,t){do{if(!(e=e.parentNode)||!1===t(e))break}while("HTML"!==e.nodeName)},r=function(){var e,t,a,n,r,o,i,s,d,u,l,f,c;if(e=(s=_.data("input")).offset(),t=s[0],u="top",a=e.top+t.offsetHeight-1,n=e.left,r="absolute",d=L(I.contentWindow).width(),f=L(I.contentWindow).height(),c=L(I.contentWindow).scrollTop(),I.ownerDocument.documentElement.clientWidth-e.left<g.parent().outerWidth(!0)){var m=g.parent().outerWidth(!0)-t.offsetWidth;n-=m}"rtl"===s.parent().css("direction")&&(n-=_.outerWidth()-s.outerWidth()),I.fixed?(a-=c,n-=L(I.contentWindow).scrollLeft(),r="fixed"):(i=!1,h(t,function(e){return null!==e&&("fixed"===I.contentWindow.getComputedStyle(e).getPropertyValue("position")?!(i=!0):void 0)}),i&&!I.insideParent?(r="fixed",a+_.outerHeight()>f+c?(u="bottom",a=f+c-e.top):a-=c):a+_[0].offsetHeight>f+c&&(a=e.top-_[0].offsetHeight+1),a<0&&(a=0),n+t.offsetWidth>d&&(n=d-t.offsetWidth)),o=_[0],h(o,function(e){if("relative"===I.contentWindow.getComputedStyle(e).getPropertyValue("position")&&d>=e.offsetWidth)return n-=(d-e.offsetWidth)/2,!1}),l={position:r,left:I.insideParent?t.offsetLeft:n,top:"",bottom:""},I.insideParent?l[u]=t.offsetTop+t.offsetHeight:l[u]=a,_.css(l)},_.on("open.xdsoft",function(e){var t=!0;I.onShow&&L.isFunction(I.onShow)&&(t=I.onShow.call(_,W.currentTime,_.data("input"),e)),!1!==t&&(_.show(),r(),L(I.contentWindow).off("resize.xdsoft",r).on("resize.xdsoft",r),I.closeOnWithoutClick&&L([I.ownerDocument.body,I.contentWindow]).on("touchstart mousedown.xdsoft",function e(){_.trigger("close.xdsoft"),L([I.ownerDocument.body,I.contentWindow]).off("touchstart mousedown.xdsoft",e)}))}).on("close.xdsoft",function(e){var t=!0;F.find(".xdsoft_month,.xdsoft_year").find(".xdsoft_select").hide(),I.onClose&&L.isFunction(I.onClose)&&(t=I.onClose.call(_,W.currentTime,_.data("input"),e)),!1===t||I.opened||I.inline||_.hide(),e.stopPropagation()}).on("toggle.xdsoft",function(){_.is(":visible")?_.trigger("close.xdsoft"):_.trigger("open.xdsoft")}).data("input",O),d=0,_.data("xdsoft_datetime",W),_.setOptions(I),W.setCurrentTime(f()),O.data("xdsoft_datetimepicker",_).on("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",function(){O.is(":disabled")||O.data("xdsoft_datetimepicker").is(":visible")&&I.closeOnInputClick||I.openOnFocus&&(clearTimeout(d),d=setTimeout(function(){O.is(":disabled")||(s=!0,W.setCurrentTime(f(),!0),I.mask&&c(I),_.trigger("open.xdsoft"))},100))}).on("keydown.xdsoft",function(e){var t,a=e.which;return-1!==[D].indexOf(a)&&I.enterLikeTab?(t=L("input:visible,textarea:visible,button:visible,a:visible"),_.trigger("close.xdsoft"),t.eq(t.index(this)+1).focus(),!1):-1!==[T].indexOf(a)?(_.trigger("close.xdsoft"),!0):void 0}).on("blur.xdsoft",function(){_.trigger("close.xdsoft")})},r=function(e){var t=e.data("xdsoft_datetimepicker");t&&(t.data("xdsoft_datetime",null),t.remove(),e.data("xdsoft_datetimepicker",null).off(".xdsoft"),L(I.contentWindow).off("resize.xdsoft"),L([I.contentWindow,I.ownerDocument.body]).off("mousedown.xdsoft touchstart"),e.unmousewheel&&e.unmousewheel())},L(I.ownerDocument).off("keydown.xdsoftctrl keyup.xdsoftctrl").off("keydown.xdsoftcmd keyup.xdsoftcmd").on("keydown.xdsoftctrl",function(e){e.keyCode===p&&(N=!0)}).on("keyup.xdsoftctrl",function(e){e.keyCode===p&&(N=!1)}).on("keydown.xdsoftcmd",function(e){91===e.keyCode&&!0}).on("keyup.xdsoftcmd",function(e){91===e.keyCode&&!1}),this.each(function(){var t,e=L(this).data("xdsoft_datetimepicker");if(e){if("string"===L.type(H))switch(H){case"show":L(this).select().focus(),e.trigger("open.xdsoft");break;case"hide":e.trigger("close.xdsoft");break;case"toggle":e.trigger("toggle.xdsoft");break;case"destroy":r(L(this));break;case"reset":this.value=this.defaultValue,this.value&&e.data("xdsoft_datetime").isValidDate(E.parseDate(this.value,I.format))||e.data("changed",!1),e.data("xdsoft_datetime").setCurrentTime(this.value);break;case"validate":e.data("input").trigger("blur.xdsoft");break;default:e[H]&&L.isFunction(e[H])&&(o=e[H](a))}else e.setOptions(H);return 0}"string"!==L.type(H)&&(!I.lazyInit||I.open||I.inline?n(L(this)):(t=L(this)).on("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",function e(){t.is(":disabled")||t.data("xdsoft_datetimepicker")||(clearTimeout(i),i=setTimeout(function(){t.data("xdsoft_datetimepicker")||n(t),t.off("open.xdsoft focusin.xdsoft mousedown.xdsoft touchstart",e).trigger("open.xdsoft")},100))}))}),o},L.fn.datetimepicker.defaults=s};!function(e){"function"==typeof define&&define.amd?define(["jquery","jquery-mousewheel"],e):"object"==typeof exports?module.exports=e(require("jquery")):e(jQuery)}(datetimepickerFactory),function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof exports?module.exports=e:e(jQuery)}(function(c){var m,h,e=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],t="onwheel"in document||9<=document.documentMode?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],g=Array.prototype.slice;if(c.event.fixHooks)for(var a=e.length;a;)c.event.fixHooks[e[--a]]=c.event.mouseHooks;var p=c.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var e=t.length;e;)this.addEventListener(t[--e],n,!1);else this.onmousewheel=n;c.data(this,"mousewheel-line-height",p.getLineHeight(this)),c.data(this,"mousewheel-page-height",p.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var e=t.length;e;)this.removeEventListener(t[--e],n,!1);else this.onmousewheel=null;c.removeData(this,"mousewheel-line-height"),c.removeData(this,"mousewheel-page-height")},getLineHeight:function(e){var t=c(e),a=t["offsetParent"in c.fn?"offsetParent":"parent"]();return a.length||(a=c("body")),parseInt(a.css("fontSize"),10)||parseInt(t.css("fontSize"),10)||16},getPageHeight:function(e){return c(e).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};function n(e){var t,a=e||window.event,n=g.call(arguments,1),r=0,o=0,i=0,s=0,d=0;if((e=c.event.fix(a)).type="mousewheel","detail"in a&&(i=-1*a.detail),"wheelDelta"in a&&(i=a.wheelDelta),"wheelDeltaY"in a&&(i=a.wheelDeltaY),"wheelDeltaX"in a&&(o=-1*a.wheelDeltaX),"axis"in a&&a.axis===a.HORIZONTAL_AXIS&&(o=-1*i,i=0),r=0===i?o:i,"deltaY"in a&&(r=i=-1*a.deltaY),"deltaX"in a&&(o=a.deltaX,0===i&&(r=-1*o)),0!==i||0!==o){if(1===a.deltaMode){var u=c.data(this,"mousewheel-line-height");r*=u,i*=u,o*=u}else if(2===a.deltaMode){var l=c.data(this,"mousewheel-page-height");r*=l,i*=l,o*=l}if(t=Math.max(Math.abs(i),Math.abs(o)),(!h||t<h)&&y(a,h=t)&&(h/=40),y(a,t)&&(r/=40,o/=40,i/=40),r=Math[1<=r?"floor":"ceil"](r/h),o=Math[1<=o?"floor":"ceil"](o/h),i=Math[1<=i?"floor":"ceil"](i/h),p.settings.normalizeOffset&&this.getBoundingClientRect){var f=this.getBoundingClientRect();s=e.clientX-f.left,d=e.clientY-f.top}return e.deltaX=o,e.deltaY=i,e.deltaFactor=h,e.offsetX=s,e.offsetY=d,e.deltaMode=0,n.unshift(e,r,o,i),m&&clearTimeout(m),m=setTimeout(D,200),(c.event.dispatch||c.event.handle).apply(this,n)}}function D(){h=null}function y(e,t){return p.settings.adjustOldDeltas&&"mousewheel"===e.type&&t%120==0}c.fn.extend({mousewheel:function(e){return e?this.bind("mousewheel",e):this.trigger("mousewheel")},unmousewheel:function(e){return this.unbind("mousewheel",e)}})});
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
new file mode 100644
index 0000000..1a7441c
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/BooleanPropertyValueRenderer.js
@@ -0,0 +1,110 @@
+
+function BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    var renderer = this;
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        switch ((v + "").toLowerCase())
+        {
+            case "true":
+            case "yes":
+                return true;
+            case "false":
+            case "no":
+                return false;
+            default:
+                // No value.
+                return "";
+        }
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        switch ((currentValue + "").toLowerCase())
+        {
+            case "true":
+            case "false":
+            case "":
+                return true;
+            default:
+                return !isRequired;
+        }
+    }
+    this.setOriginalValue();
+    this.renderReadOnlyValue = function ()
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, []);
+
+        // Set the value.
+        var value = this.getCurrentValue();
+        switch (value)
+        {
+            case true:
+                value = "Yes";
+                break;
+            case false:
+                value = "No";
+                break;
+            default:
+                value = "";
+        }
+
+        if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
+            $value.text("---");
+            return $value;
+        }
+        $value.text(value);
+        return $value;
+    }
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        var $select = $("<select></select>").addClass("auto-select");
+        var $emptyOption = $("<option></option>").val("").text("");
+        var $yesOption = $("<option></option>").val("Yes").text("Yes");
+        var $noOption = $("<option></option>").val("No").text("No");
+        switch ((propertyValue.Value.DisplayValue + "").toLowerCase())
+        {
+            case "true":
+            case "yes":
+                $yesOption.attr("selected", "selected");
+                break;
+            case "false":
+            case "no":
+                $noOption.attr("selected", "selected");
+                break;
+        }
+        $select.append($emptyOption);
+        $select.append($yesOption);
+        $select.append($noOption);
+        $select.change(function ()
+        {
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($select);
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
new file mode 100644
index 0000000..8c5cba8
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/DatePropertyValueRenderer.js
@@ -0,0 +1,71 @@
+
+function DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        if (v == "__/__/____") // Happens when tabbing through the field; just get the mask.
+            v = "";
+        return v;
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var currentValue = this.getCurrentValue();
+        if ((currentValue + "").length > 0)
+        {
+            currentValue = dayjs(currentValue, this.getLocaleDateString(false)).utc().format("YYYY-MM-DD")
+        }
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+    this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        var format = this.getLocaleDateString(true);
+        $input.datetimepicker
+            (
+                {
+                    timepicker: false,
+                    value: propertyValue.Value.DisplayValue,
+                    format: format,
+                    mask: true
+                }
+            );
+
+        return $value
+    }
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
new file mode 100644
index 0000000..cbb77cd
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/FloatingPropertyValueRenderer.js
@@ -0,0 +1,51 @@
+
+function FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val() + "";
+        if ((v + "").length > 0)
+        {
+            var x = parseFloat(v);
+            if (!isNaN(x))
+                v = x;
+        }
+        return v;
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+
+        // If it's empty then just check whether it's required.
+        if ((currentValue + "").length == 0)
+            return !isRequired;
+
+        // If it's got a value, but not a number, die.
+        currentValue = parseFloat(currentValue);
+        if (isNaN(currentValue))
+            return false;
+
+        return true;
+    }
+    this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        $input.attr("inputmode", "numeric");
+        $input.attr("pattern", "[0-9\.\,]*"); // Allow decimal separators too.
+
+        return $value
+    }
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
new file mode 100644
index 0000000..35941c2
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/IntegerPropertyValueRenderer.js
@@ -0,0 +1,32 @@
+
+function IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    FloatingPropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var v = base.getCurrentValue.apply(this, []);
+        if ((v + "").length > 0)
+        {
+            var x = parseInt(v);
+            if (!isNaN(x))
+                v = x;
+        }
+        return v;
+    }
+    this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        // Set the pattern to just allow integers.
+        $input.attr("pattern", "[0-9]*");
+
+        return $value
+    }
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
new file mode 100644
index 0000000..7e4b756
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/LookupPropertyValueRenderer.js
@@ -0,0 +1,421 @@
+
+function LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    // Set up the base object.
+    var renderer = this;
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.renderReadOnlyValue = function ()
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, []);
+        var value = this.getCurrentValue();
+        if ((value + "").length == 0)
+        {
+            $listItem.addClass("empty");
+            $value.text("---");
+            return $value;
+        }
+        $value.text(value.displayValue);
+        return $value;
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+
+        var currentValue = this.getCurrentValue();
+
+        if (typeof currentValue != "object")
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        } else
+        {
+            var lookup = new MFiles.Lookup();
+            lookup.Item = currentValue.id;
+            lookup.DisplayValue = currentValue.displayValue;
+
+            try
+            {
+                pv.Value.SetValueToLookup(lookup);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue.id + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        if (false == supportsEditing)
+        {
+            if (propertyValue.Value.IsNULL() || propertyDef.DataType != MFDatatypeLookup)
+                return "";
+            return {
+                id: propertyValue.Value.GetLookupID(),
+                displayValue: propertyValue.Value.DisplayValue
+            };
+        }
+        var $textEntry = $(".text-entry", $listItem);
+        if (($textEntry.val() + "").length == 0)
+        {
+            $textEntry.data("id", "");
+            $textEntry.data("displayValue", "");
+            return "";
+        }
+        var v = $textEntry.data("id");
+        if (isNaN(v))
+            return "";
+        return {
+            id: v,
+            displayValue: $textEntry.data("displayValue")
+        };
+    }
+    this.isValidValue = function ()
+    {
+        var currentValue = this.getCurrentValue();
+
+        if (currentValue == "")
+            return !isRequired;
+        // ID should be > 0, UNLESS it's the class,
+        // in which case the built -in "document" class has an ID of zero and is valid.
+        return currentValue.id > 0 || (propertyDef.ID == 100 && currentValue.id == 0);
+    }
+    this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        var originalValue = this.getOriginalValue();
+
+        if (typeof currentValue != typeof originalValue)
+            return true;
+        if (currentValue == "" && originalValue == "")
+            return false;
+        return (currentValue.id != originalValue.id);
+    }
+
+    this.sortItems = function (obj)
+    {
+        // Convert to a JS array.
+        var arr = [];
+        for (var i = 0; i < obj.Count; i++)
+        {
+            arr.push(obj[i]);
+        }
+        arr.sort(function (a, b)
+        {
+            var x = a.Name == b.Name ? 0
+                : a.Name.localeCompare(b.Name);
+            if (!propertyDef.SortAscending)
+                x = x * -1;
+            return x;
+        });
+        return arr;
+    }
+    this.renderOptions = function ($div, $textInput, $select, restrictByEnteredText)
+    {
+        $div.addClass("options-expanded");
+
+        // Is this class?
+        if (propertyDef.ID == 100)
+        {
+            // Class is special.
+            renderer.renderClassOptions($div, $textInput, $select, restrictByEnteredText);
+        }
+        else
+        {
+            renderer.renderLookupOptions($div, $textInput, $select, restrictByEnteredText);
+        }
+    }
+    this.renderClassOptions = function ($div, $textInput, $select, restrictByEnteredText)
+    {
+        // Get the object type
+        var objectType = objectRenderer.getObjectBeingRendered().VersionData.ObjVer.Type;
+
+        // Search.
+        dashboard.Vault.Async.ClassOperations.GetObjectClasses
+            (
+                objectType,
+                function (results)
+                {
+                    // Empty the select.
+                    var $ol = $("ol", $select);
+                    $ol.empty();
+
+                    // What's typed in?
+                    var val = ($textInput.val() + "").toLowerCase();
+
+                    // What's the current value?
+                    var currentValue = renderer.getCurrentValue();
+
+                    // Add an item for each one.
+                    var arr = renderer.sortItems(results);
+                    for (var i = 0; i < arr.length; i++)
+                    {
+                        var item = arr[i];
+
+                        // We can't filter classes by name, so let's filter now.
+                        if (restrictByEnteredText && val.length > 0)
+                            if (item.Name.toLowerCase().indexOf(val) == -1)
+                                continue;
+
+                        var $li = $("<li></li>")
+                            .text(item.Name)
+                            .data("id", item.ID)
+                            .data("displayValue", item.Name);
+
+                        // Mark the option as selected if it's the current one.
+                        if (typeof currentValue == "object" && currentValue.id == item.ID)
+                            $li.addClass("current");
+
+                        $li.click(function ()
+                        {
+                            var $this = $(this);
+                            var id = $this.data("id");
+                            var displayValue = $this.data("displayValue");
+                            $textInput.val(displayValue);
+                            $textInput.data("displayValue", displayValue);
+                            $textInput.data("id", id);
+                            $div.removeClass("options-expanded");
+                            renderer.getListItem().removeClass("editing");
+                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+                        });
+                        $ol.append($li);
+                    }
+                },
+                function (shorterror, longerror, errorobj)
+                {
+                    // Error checking permissions.
+                    MFiles.ReportException(errorobj);
+                }
+            );
+    }
+    this.renderLookupOptions = function ($div, $textInput, $select, restrictByEnteredText)
+    {
+        // Build up the search conditions.
+        var searchConditions = new MFiles.SearchConditions();
+
+        // Add condition to search by name.
+        if (restrictByEnteredText && ($textInput.val() + "").length > 0)
+        {
+            var nameCondition = new MFiles.SearchCondition();
+            nameCondition.Expression.SetValueListItemExpression(2, 0, new MFiles.DataFunctionCall());
+            nameCondition.ConditionType = MFConditionTypeStartsWith;
+            nameCondition.TypedValue.SetValue(MFDatatypeText, $textInput.val());
+            searchConditions.Add(-1, nameCondition);
+        }
+
+        // Filter out deleted items.
+        var deletedItemsCondition = new MFiles.SearchCondition();
+        deletedItemsCondition.Expression.SetValueListItemExpression(5, 0, new MFiles.DataFunctionCall());
+        deletedItemsCondition.ConditionType = MFConditionTypeEqual;
+        deletedItemsCondition.TypedValue.SetValue(MFDatatypeBoolean, false);
+        searchConditions.Add(-1, deletedItemsCondition);
+
+        var filterString = "";
+
+        // Does the property definition need filtering?
+        if (propertyDef.DependencyRelation == 2 && propertyDef.DependencyPD > 0)
+        {
+            // Get the values for the dependency condition.
+            var dependencyPropertyValue = objectRenderer.getPropertyValue(propertyDef.DependencyPD);
+            var propertyDefValueList = dashboard.CustomData.vaultStructureManager.getValueList(propertyDef.ValueList);
+            var dependencyPropertyDefValueList = dashboard.CustomData.vaultStructureManager.getValueList
+                (
+                    dashboard.CustomData.vaultStructureManager.getPropertyDefinition(propertyDef.DependencyPD).ValueList
+            );
+            if (null != dependencyPropertyValue
+                && !dependencyPropertyValue.Value.IsNULL()
+                && dependencyPropertyDefValueList != null
+                && propertyDefValueList != null)
+            {
+                // Get the values.
+                var dependencyLookupValues = dependencyPropertyValue.Value.GetValueAsLookups();
+
+                // Set up the filter string.
+                filterString = dependencyPropertyDefValueList.NameSingular + ": ";
+                for (var i = 0; i < dependencyLookupValues.Count; i++) 
+                {
+                    if (i > 0)
+                        filterString += ";";
+                    filterString += dependencyLookupValues[i].DisplayValue;
+                }
+
+                var dependencyCondition = new MFiles.SearchCondition();
+
+                // If the dependency ID is the owner of this list then set it as an owner relationship.
+                if (propertyDefValueList.HasOwnerType
+                    && propertyDefValueList.OwnerType > 0
+                    && propertyDefValueList.OwnerType == dependencyPropertyDefValueList.ID)
+                {
+
+                    // It is an owner relationship.
+                    dependencyCondition.Expression.SetValueListItemExpression
+                        (
+                            MFValueListItemPropertyDefOwner,
+                            MFParentChildBehaviorNone,
+                            new MFiles.DataFunctionCall()
+                        );
+                }
+                else
+                {
+                    // It's not an owner relationship.
+                    dependencyCondition.Expression.SetTypedValueExpression
+                        (
+                            MFDatatypeLookup,
+                            dependencyPropertyDefValueList.ID,
+                            MFParentChildBehaviorNone,
+                            new MFiles.DataFunctionCall()
+                        );
+                }
+
+                dependencyCondition.ConditionType = MFConditionTypeEqual;
+                dependencyCondition.TypedValue.SetValueToMultiSelectLookup(dependencyLookupValues);
+                searchConditions.Add(-1, dependencyCondition);
+            }
+        }
+
+        // Search.
+        dashboard.Vault.Async.ValueListItemOperations.SearchForValueListItemsEx2
+            (
+                propertyDef.ValueList,
+                searchConditions,
+                false,
+                MFExternalDBRefreshTypeNone,
+                true,
+                propertyDef.ID,
+                50,
+                function (results)
+                {
+                    // Empty the select.
+                    var $ol = $("ol", $select);
+                    $ol.empty();
+
+                    // Do we have a filter string?
+                    if (filterString.length > 0)
+                    {
+                        $ol.append($("<li class='caption'></li>").text(filterString));
+                    }
+
+                    // Are there more?
+                    if (results.MoreResults)
+                    {
+                        $ol.append("<li class='caption'>First 50 values</li>");
+                    }
+
+                    // What's the current value?
+                    var currentValue = renderer.getCurrentValue();
+
+                    // Add an item for each one.
+                    var arr = renderer.sortItems(results);
+                    for (var i = 0; i < arr.length; i++)
+                    {
+                        var item = arr[i];
+                        var $li = $("<li></li>")
+                            .text(item.Name)
+                            .data("id", item.ID)
+                            .data("displayValue", item.Name);
+
+                        // Mark the option as selected if it's the current one.
+                        if (typeof currentValue == "object" && currentValue.id == item.ID)
+                            $li.addClass("current");
+
+                        $li.click(function ()
+                        {
+                            var $this = $(this);
+                            var id = $this.data("id");
+                            var displayValue = $this.data("displayValue");
+                            $textInput.val(displayValue);
+                            $textInput.data("displayValue", displayValue);
+                            $textInput.data("id", id);
+                            $div.removeClass("options-expanded");
+                            renderer.getListItem().removeClass("editing");
+                            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+                        });
+                        $ol.append($li);
+                    }
+                },
+                function (shorterror, longerror, errorobj)
+                {
+                    // Error checking permissions.
+                    MFiles.ReportException(errorobj);
+                }
+            );
+    }
+    this.renderSingleLookupOption = function ($value, selectedItemId, selectedItemDisplayValue)
+    {
+        var $div = $("<div></div>").addClass("lookup");
+        var $textInput = $("<input type='text' maxlength='100' />")
+            .addClass("text-entry");
+        var $select = $("<div></div>").addClass("select")
+            .append($("<ol></ol>"));
+        $textInput.keyup(function (e)
+        {
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+            renderer.renderOptions($div, $textInput, $select, true);
+            return true;
+        });
+
+        var $dropdown = $("<a />")
+            .addClass("dropdown")
+            .click(function ()
+            {
+                // Toggle options.
+                $div.toggleClass("options-expanded");
+                if ($div.hasClass("options-expanded"))
+                {
+                    renderer.renderOptions($div, $textInput, $select, false);
+                }
+                return false;
+            });
+
+        $div.append($textInput);
+        $div.append($select);
+        $div.append($dropdown);
+        $value.append($div);
+        if (selectedItemId != null)
+        {
+            $textInput.val(selectedItemDisplayValue);
+            $textInput.data("id", selectedItemId);
+            $textInput.data("displayValue", selectedItemDisplayValue);
+        }
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        // Render the single item.
+        renderer.renderSingleLookupOption
+            (
+                $value,
+                !propertyValue.Value.IsNull() ? propertyValue.Value.GetLookupID() : null,
+                !propertyValue.Value.IsNull() ? propertyValue.Value.DisplayValue : null
+            );
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
new file mode 100644
index 0000000..60f75a3
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiLineTextPropertyValueRenderer.js
@@ -0,0 +1,39 @@
+function MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    var renderer = this;
+    SingleLineTextPropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+    this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        // Line ending fun.
+        return (this.getCurrentValue() + "").replace(/\r\n/g, "\n")
+            !== (this.getOriginalValue() + "").replace(/\r\n/g, "\n");
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        var $textarea = $("<textarea></textarea>").addClass("auto-select");
+        $textarea.val(propertyValue.Value.DisplayValue);
+        $textarea.blur(function ()
+        {
+            renderer.exitEditMode();
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($textarea);
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
new file mode 100644
index 0000000..2b55450
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/MultiSelectLookupPropertyValueRenderer.js
@@ -0,0 +1,187 @@
+
+function MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    var renderer = this;
+    LookupPropertyValueRenderer.apply(this, arguments);
+    var base =
+    {
+        renderReadOnlyValue: this.renderReadOnlyValue
+    };
+    this.renderReadOnlyValue = function ()
+    {
+        var $listItem = this.getListItem();
+        var $value = base.renderReadOnlyValue.apply(this, []);
+        var value = this.getCurrentValue();
+
+        // Only replace the value if we have something (otherwise leave as "---").
+        if (value.length > 0)
+        {
+            var v = $("<div></div>");
+            for (var i = 0; i < value.length; i++)
+            {
+                v.append($("<div></div>").text(value[i].displayValue));
+            }
+            $value.empty().append(v);
+        }
+        else
+        {
+            $listItem.addClass("empty");
+        }
+
+        return $value;
+
+    }
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var arr = [];
+        if (false == supportsEditing)
+        {
+            if (propertyValue.Value.IsNULL())
+                return arr;
+            var lookups = propertyValue.Value.GetValueAsLookups();
+            for (var i = 0; i < lookups.Count; i++) {
+                arr.push({
+                    id: lookups[i].Item,
+                    displayValue: lookups[i].DisplayValue || "(hidden)"
+                })
+            }
+            return arr;
+        }
+
+        // Get data from values.
+        var $textEntries = $(".text-entry", $listItem);
+        for (var i = 0; i < $textEntries.length; i++)
+        {
+            var $textEntry = $($textEntries.get(i));
+            if (($textEntry.val() + "").length == 0)
+            {
+                $textEntry.data("id", "");
+                $textEntry.data("displayValue", "");
+                continue;
+            }
+            var v = $textEntry.data("id");
+            if (isNaN(v) || v == 0)
+                continue;
+            arr.push( {
+                id: v,
+                displayValue: $textEntry.data("displayValue")
+            });
+        }
+        return arr;
+    }
+    this.setOriginalValue();
+    this.hasChanged = function ()
+    {
+        var currentValue = this.getCurrentValue();
+        var originalValue = this.getOriginalValue();
+
+        if (currentValue.length != originalValue.length)
+            return true;
+
+        // Check arrays.
+        for (var i = 0; i < currentValue.length; i++) {
+            var toFind = currentValue[i];
+            var found = false;
+            for (var j = 0; j < originalValue.length; j++)
+            {
+                if (originalValue[j].id == toFind.id)
+                {
+                    found = true;
+                    break;
+                }
+            }
+            if (false == found)
+                return true;
+        }
+
+        return false;
+    }
+    this.isValidValue = function ()
+    {
+        // If we have a value, awesome.
+        var currentValue = this.getCurrentValue();
+        if (currentValue.length > 0)
+            return true;
+
+        // Otherwise check isRequired.
+        return !isRequired;
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+
+        var currentValue = this.getCurrentValue();
+
+        if (currentValue.length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            var lookups = new MFiles.Lookups();
+            for (var i = 0; i < currentValue.length; i++)
+            {
+                var lookup = new MFiles.Lookup();
+                lookup.Item = currentValue[i].id;
+                lookup.DisplayValue = currentValue[i].displayValue;
+                lookups.Add(-1, lookup);
+            }
+
+            try
+            {
+                pv.Value.SetValueToMultiSelectLookup(lookups);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + lookups + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+
+    this.renderEditableValue = function ($parent)
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+
+        // Create the value for the PV.
+        var $value = $("<span></span>").addClass("editing-value");
+
+        // Render existing items.
+        var currentValue = this.getCurrentValue();
+        if (currentValue.length > 0)
+        {
+            for (var i = 0; i < currentValue.length; i++)
+            {
+                renderer.renderSingleLookupOption
+                    (
+                        $value,
+                        currentValue[i].id,
+                        currentValue[i].displayValue
+                    );
+            }
+        }
+
+        // Render "add new" item.
+        renderer.renderSingleLookupOption
+            (
+                $value,
+                null,
+                null
+            );
+
+        // Add to a parent if we can.
+        if (null != $parent)
+            $parent.append($value);
+
+        return $value
+
+    }
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
new file mode 100644
index 0000000..e204b4d
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/SingleLineTextPropertyValueRenderer.js
@@ -0,0 +1,15 @@
+function SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        return false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val() + "";
+    }
+    this.setOriginalValue();
+}
\ No newline at end of file
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
new file mode 100644
index 0000000..f331b9f
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimePropertyValueRenderer.js
@@ -0,0 +1,41 @@
+
+function TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    PropertyValueRenderer.apply(this, arguments);
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        var v = false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+        if (v == "__:__:__") // Happens when tabbing through the field; just get the mask.
+            v = "";
+        return v;
+    }
+    this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        $input.datetimepicker
+            (
+                {
+                    datepicker: false,
+                    timepicker: true,
+                    value: propertyValue.Value.DisplayValue,
+                    mask: true,
+                    format: 'H:i',
+                    step: 1
+                }
+            );
+
+        return $value
+    }
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
new file mode 100644
index 0000000..534600f
--- /dev/null
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/TimestampPropertyValueRenderer.js
@@ -0,0 +1,71 @@
+
+function TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    PropertyValueRenderer.apply(this, arguments);
+
+    var base = this.getBase();
+
+    this.getCurrentValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        var $listItem = this.getListItem();
+        return false == supportsEditing
+            ? propertyValue.Value.DisplayValue
+            : $(".auto-select", $listItem).val();
+    }
+    this.getPropertyValue = function ()
+    {
+        var supportsEditing = this.getSupportsEditing();
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var currentValue = this.getCurrentValue();
+        if ((currentValue + "").length > 0)
+        {
+            currentValue = dayjs(currentValue, this.getLocaleDateString(false) + " HH:mm").utc().format("YYYY-MM-DD HH:mm:ss")
+        }
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+    this.setOriginalValue();
+
+    this.renderEditableValue = function ($parent)
+    {
+        var $value = base.renderEditableValue.call(this, $parent);
+        if (null == $value)
+            return $value;
+        var $input = $(".auto-select", $value);
+
+        var format = this.getLocaleDateString(true) + " H:i";
+        $input.datetimepicker
+            (
+                {
+                    datepicker: true,
+                    timepicker: true,
+                    value: propertyValue.Value.DisplayValue,
+                    mask: true,
+                    format: format,
+                    step: 1
+                }
+            );
+
+        return $value
+    }
+}
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
index 89dc59a..68b6cf6 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/objectrenderer.js
@@ -1,9 +1,9 @@
-
-function ObjectRenderer(dashboard)
+function ObjectRenderer(dashboard)
 {
     var renderer = this;
     renderer.dashboard = dashboard;
     var propertyValueRenderers = [];
+    var deletedProperties = [];
     function getOrderedProperties(objectClass, objectProperties)
     {
         var renderedPropertyDefs = [];
@@ -20,7 +20,12 @@ function ObjectRenderer(dashboard)
             var associatedPropertyDef = objectClass.AssociatedPropertyDefs[i];
 
             // Skip built-in properties.
-            if (associatedPropertyDef.PropertyDef < 1000 && associatedPropertyDef.PropertyDef != 0 && associatedPropertyDef.PropertyDef != 100)
+            if (associatedPropertyDef.PropertyDef < 1000
+                && associatedPropertyDef.PropertyDef != 0 // Name or title
+                && associatedPropertyDef.PropertyDef != 100 // Class
+                && associatedPropertyDef.PropertyDef != 26 // Keywords
+                && associatedPropertyDef.PropertyDef != 102 // Repository
+                && associatedPropertyDef.PropertyDef != 103) // Location
                 continue;
 
             // Add in the property.
@@ -33,12 +38,21 @@ function ObjectRenderer(dashboard)
         {
             var p = objectProperties[i];
 
+            // Skip deleted ones.
+            if (deletedProperties.indexOf(p.PropertyDef) > -1)
+                continue;
+
             // Skip rendered ones.
             if (renderedPropertyDefs.indexOf(p.PropertyDef) > -1)
                 continue;
 
             // Skip built-in properties.
-            if (p.PropertyDef < 1000 && p.PropertyDef != 0 && p.PropertyDef != 100)
+            if (p.PropertyDef < 1000
+                && p.PropertyDef != 0 // Name or title
+                && p.PropertyDef != 100 // Class
+                && p.PropertyDef != 26 // Keywords
+                && p.PropertyDef != 102 // Repository
+                && p.PropertyDef != 103) // Location
                 continue;
 
             // If this is the name or title and we have another property set for that on the class then skip.
@@ -53,18 +67,57 @@ function ObjectRenderer(dashboard)
         // Return the array of properties to render.
         return properties;
     }
-    var originalObject = null;
-    renderer.render = function (selectedItem)
+    renderer.getObjectBeingRendered = function () { return renderer.originalObject; }
+    renderer.getPropertyValue = function (propertyDef)
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            if (propertyValueRenderers[i].getPropertyDef().ID != propertyDef)
+                continue;
+            return propertyValueRenderers[i].getPropertyValue();
+        }
+        return null;
+    }
+    renderer.getCurrentValue = function (propertyDef)
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            if (propertyValueRenderers[i].getPropertyDef().ID != propertyDef)
+                continue;
+            return propertyValueRenderers[i].getCurrentValue();
+        }
+        return null;
+    }
+    renderer.reRender = function (force, keepPropertyData)
+    {
+        return renderer.render(renderer.originalObject, force, keepPropertyData);
+    }
+    renderer.render = function (selectedItem, force, keepPropertyData)
     {
-        renderer.originalObject = selectedItem;
 
         // Sanity.
         if (null == selectedItem)
         {
+            renderer.originalObject = null;
             // Close it.
             dashboard.CustomData.tabClosedCallback(false);
             return;
         }
+
+        // Is it the same object?
+        var isSameObject = false;
+        if (renderer.originalObject != null)
+        {
+            // If it's the same object then don't refresh.
+            isSameObject = (selectedItem.VersionData.ObjVer.ID == renderer.originalObject.VersionData.ObjVer.ID
+                && selectedItem.VersionData.ObjVer.Type == renderer.originalObject.VersionData.ObjVer.Type
+                && selectedItem.VersionData.ObjVer.Version == renderer.originalObject.VersionData.ObjVer.Version);
+        }
+        if (isSameObject && !force)
+            return;
+        if (!isSameObject)
+            keepPropertyData = false;
+
         renderer.originalObject = selectedItem.Clone();
 
         // Are we editing?
@@ -76,6 +129,30 @@ function ObjectRenderer(dashboard)
         // Set the title.
         $("#title").text(selectedItem.VersionData.Title)
 
+        // Get the class of the object.
+        var objectClass = renderer.getPropertyValue(100);
+        if (!keepPropertyData || null == objectClass || null == objectClass.Value || objectClass.Value.IsNULL())
+            objectClass = selectedItem.VersionData.Class
+        else
+            objectClass = objectClass.Value.GetLookupID();
+
+        // If we keep the property data then try to do so.
+        var selectedItemProperties = selectedItem.Properties;
+        if (keepPropertyData)
+        {
+            selectedItemProperties = new MFiles.PropertyValues();
+            for (var i = 0; i < propertyValueRenderers.length; i++) 
+            {
+                var pv = propertyValueRenderers[i].getPropertyValue();
+                if (null != pv)
+                    selectedItemProperties.Add(-1, pv);
+            }
+        }
+        else
+        {
+            deletedProperties = [];
+        }
+
         // Clear the rendered properties.
         var $propertiesList = $("ol.properties");
         $propertiesList.empty();
@@ -84,8 +161,8 @@ function ObjectRenderer(dashboard)
         // Render the properties.
         var properties = getOrderedProperties
         (
-            dashboard.CustomData.vaultStructureManager.getObjectClass(selectedItem.VersionData.Class),
-            selectedItem.Properties
+            dashboard.CustomData.vaultStructureManager.getObjectClass(objectClass),
+            selectedItemProperties
         );
         for (var i = 0; i < properties.length; i++)
         {
@@ -97,33 +174,117 @@ function ObjectRenderer(dashboard)
                 continue;
 
             // Get the property value.
-            var propertyIndex = selectedItem.Properties.IndexOf(propertyDef.ID);
-            if (-1 == propertyIndex)
-                continue;
-            var propertyValue = selectedItem.Properties[propertyIndex - 1];
+            var propertyIndex = selectedItemProperties.IndexOf(propertyDef.ID);
+            var propertyValue = new MFiles.PropertyValue();
+            propertyValue.PropertyDef = propertyDef.ID;
+            propertyValue.Value.SetValueToNULL(propertyDef.DataType);
+            if(-1 != propertyIndex)
+                propertyValue = selectedItemProperties[propertyIndex - 1];
 
             // Render.
-            var propertyValueRenderer = new PropertyValueRenderer
+            var propertyValueRenderer = PropertyValueRenderer.create
                 (
                 dashboard,
+                renderer,
                 propertyDef,
                 propertyValue,
                 property.isRequired,
-                $propertiesList
+                $propertiesList,
+                property.isRemovable
+            );
+            propertyValueRenderer.addEventListener
+                (
+                    PropertyValueRenderer.EventTypes.PropertyValueChanged,
+                    function ()
+                    {
+                        // Re-render if the class changes.
+                        if (this.getPropertyDef().ID == 100)
+                            renderer.reRender(true, true);
+
+                        // Update the UI.
+                        updateUI();
+                    }
             );
+            propertyValueRenderer.addEventListener
+                (
+                    PropertyValueRenderer.EventTypes.PropertyValueRemoved,
+                    function ()
+                    {
+                        // Remove this property value.
+                        for (var i = 0; i < propertyValueRenderers.length; i++)
+                        {
+                            // If it's this one then remove it and re-render.
+                            if (propertyValueRenderers[i] == this)
+                            {
+                                deletedProperties.push(propertyValueRenderers[i].getPropertyDef().ID);
+                                renderer.reRender(true, true);
+                                break;
+                            }
+                        }
+
+                        // Update the UI.
+                        updateUI();
+                    }
+                );
             propertyValueRenderer.render();
             propertyValueRenderers.push(propertyValueRenderer);
         }
     }
+    function canSave()
+    {
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+            // Is it valid?
+            if (!propertyValueRenderers[i].isValidValue())
+                return false;
+        }
+        return true;
+    }
 
-    // When the body is clicked, undo any editing.
-    $("body").click(function ()
+    // Update the UI re: save/errors.
+    function updateUI(stopAllEditing)
     {
+        // Stop any editing.
+        if (stopAllEditing)
+        {
+            $(".editing").removeClass("editing");
+            $(".options-expanded").removeClass("options-expanded");
+        }
+
+        var changedProperties = [];
+        var erroredProperties = [];
         for (var i = 0; i < propertyValueRenderers.length; i++)
         {
-            propertyValueRenderers[i].exitEditMode();
+
+            // Should we enable buttons and things?
+            var pvr = propertyValueRenderers[i];
+            if (pvr.hasChanged())
+                changedProperties.push(pvr);
+            if (!pvr.isValidValue())
+                erroredProperties.push(pvr);
+
+            // Attempt to exit edit mode.
+            if (stopAllEditing)
+                pvr.exitEditMode();
         }
-    });
+
+        // Update the body with flags.
+        $body
+            .removeClass("changed")
+            .removeClass("has-errors");
+        $("#btnSave").removeAttr("disabled");
+        if (deletedProperties.length > 0 || changedProperties.length > 0)
+            $body.addClass("changed");
+        if (erroredProperties.length > 0)
+        {
+            $body.addClass("errors");
+            $("#btnSave").attr("disabled", "disabled");
+        }
+    }
+
+    // When the body is clicked, exit editing mode.
+    var $body = $("body");
+    $body.click(function () { updateUI(true); });
 
     // Configure the close button.
     $("#btnClose").click(function ()
@@ -134,16 +295,72 @@ function ObjectRenderer(dashboard)
             dashboard.Window.Close();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Close || "Close");
 
+    renderer.saveChanges = function ()
+    {
+        if (!canSave())
+            return false;
+        var vault = dashboard.Vault;
+
+        // Get the original object properties.
+        var propertyValues = renderer.originalObject.Properties;
+
+        // Remove any deleted.
+        for (var i = 0; i < deletedProperties.length; i++)
+        {
+            // If the collection contains a value then remove it.
+            var index = propertyValues.IndexOf(deletedProperties[i]);
+            if (index > -1)
+                propertyValues.Remove(index);
+        }
+
+        // Gather the properties.
+        for (var i = 0; i < propertyValueRenderers.length; i++)
+        {
+
+            // Get the value for this property.
+            var pv = propertyValueRenderers[i].getPropertyValue();
+
+            // If the collection contains a value then remove it.
+            var index = propertyValues.IndexOf(pv.PropertyDef);
+            if (index > -1)
+                propertyValues.Remove(index);
+
+            // Add it.
+            if(null != pv)
+                propertyValues.Add(index, pv);
+        }
+
+        // Update the properties.
+        try
+        {
+            // Set all the properties and update our cache.
+            renderer.originalObject = vault.ObjectPropertyOperations.SetAllProperties(renderer.originalObject.VersionData.ObjVer, true, propertyValues);
+
+            // By discarding the changes we'll revert to the (new) original object data.
+            renderer.discardChanges();
+        }
+        catch (e)
+        {
+            MFiles.ReportException(e);
+        }
+    }
+
     // Configure the save button.
     $("#btnSave").click(function ()
     {
-        alert("Save not done yet.");
+        renderer.saveChanges();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Save || "Save");
 
+    renderer.discardChanges = function ()
+    {
+        deletedProperties = [];
+        renderer.render(renderer.originalObject, true);
+        updateUI(true);
+    }
     // Configure the discard button.
     $("#btnDiscard").click(function ()
     {
-        renderer.render(renderer.originalObject);
+        renderer.discardChanges();
     }).text(dashboard.CustomData.configuration.ResourceStrings.Buttons_Discard || "Discard");
 
     // Configure the locations buttons
diff --git a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
index 7a0b199..8084bb7 100644
--- a/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
+++ b/src/ViewAllMetadata.UIX/app/scripts/renderers/propertyvaluerenderer.js
@@ -1,76 +1,396 @@
-function PropertyValueRenderer(dashboard, propertyDef, propertyValue, isRequired, $parent)
+function PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
 {
     var renderer = this;
     var $listItem = null;
+    var supportsEditing = false;
+    this.getSupportsEditing = function () { return supportsEditing; }
 
-    function renderLabel($parent)
+    var events = new Events();
+    this.addEventListener = events.addEventListener;
+    this.dispatchEvent = events.dispatchEvent;
+
+    this.getPropertyDef = function () { return propertyDef; }
+    this.getListItem = function () { return $listItem; }
+    this.getBase = function ()
+    {
+        var base = {}
+        for (var p in this)
+        {
+            if (typeof this[p] == "function")
+                base[p] = this[p];
+        }
+        return base;
+    }
+
+    this.getLocaleDateString = function(forPlugin)
+    {
+        const formats = {
+            "af-ZA": "yyyy/MM/dd",
+            "am-ET": "d/M/yyyy",
+            "ar-AE": "dd/MM/yyyy",
+            "ar-BH": "dd/MM/yyyy",
+            "ar-DZ": "dd-MM-yyyy",
+            "ar-EG": "dd/MM/yyyy",
+            "ar-IQ": "dd/MM/yyyy",
+            "ar-JO": "dd/MM/yyyy",
+            "ar-KW": "dd/MM/yyyy",
+            "ar-LB": "dd/MM/yyyy",
+            "ar-LY": "dd/MM/yyyy",
+            "ar-MA": "dd-MM-yyyy",
+            "ar-OM": "dd/MM/yyyy",
+            "ar-QA": "dd/MM/yyyy",
+            "ar-SA": "dd/MM/yy",
+            "ar-SY": "dd/MM/yyyy",
+            "ar-TN": "dd-MM-yyyy",
+            "ar-YE": "dd/MM/yyyy",
+            "arn-CL": "dd-MM-yyyy",
+            "as-IN": "dd-MM-yyyy",
+            "az-Cyrl-AZ": "dd.MM.yyyy",
+            "az-Latn-AZ": "dd.MM.yyyy",
+            "ba-RU": "dd.MM.yy",
+            "be-BY": "dd.MM.yyyy",
+            "bg-BG": "dd.M.yyyy",
+            "bn-BD": "dd-MM-yy",
+            "bn-IN": "dd-MM-yy",
+            "bo-CN": "yyyy/M/d",
+            "br-FR": "dd/MM/yyyy",
+            "bs-Cyrl-BA": "d.M.yyyy",
+            "bs-Latn-BA": "d.M.yyyy",
+            "ca-ES": "dd/MM/yyyy",
+            "co-FR": "dd/MM/yyyy",
+            "cs-CZ": "d.M.yyyy",
+            "cy-GB": "dd/MM/yyyy",
+            "da-DK": "dd-MM-yyyy",
+            "de-AT": "dd.MM.yyyy",
+            "de-CH": "dd.MM.yyyy",
+            "de-DE": "dd.MM.yyyy",
+            "de-LI": "dd.MM.yyyy",
+            "de-LU": "dd.MM.yyyy",
+            "dsb-DE": "d. M. yyyy",
+            "dv-MV": "dd/MM/yy",
+            "el-GR": "d/M/yyyy",
+            "en-029": "MM/dd/yyyy",
+            "en-AU": "d/MM/yyyy",
+            "en-BZ": "dd/MM/yyyy",
+            "en-CA": "dd/MM/yyyy",
+            "en-GB": "dd/MM/yyyy",
+            "en-IE": "dd/MM/yyyy",
+            "en-IN": "dd-MM-yyyy",
+            "en-JM": "dd/MM/yyyy",
+            "en-MY": "d/M/yyyy",
+            "en-NZ": "d/MM/yyyy",
+            "en-PH": "M/d/yyyy",
+            "en-SG": "d/M/yyyy",
+            "en-TT": "dd/MM/yyyy",
+            "en-US": "M/d/yyyy",
+            "en-ZA": "yyyy/MM/dd",
+            "en-ZW": "M/d/yyyy",
+            "es-AR": "dd/MM/yyyy",
+            "es-BO": "dd/MM/yyyy",
+            "es-CL": "dd-MM-yyyy",
+            "es-CO": "dd/MM/yyyy",
+            "es-CR": "dd/MM/yyyy",
+            "es-DO": "dd/MM/yyyy",
+            "es-EC": "dd/MM/yyyy",
+            "es-ES": "dd/MM/yyyy",
+            "es-GT": "dd/MM/yyyy",
+            "es-HN": "dd/MM/yyyy",
+            "es-MX": "dd/MM/yyyy",
+            "es-NI": "dd/MM/yyyy",
+            "es-PA": "MM/dd/yyyy",
+            "es-PE": "dd/MM/yyyy",
+            "es-PR": "dd/MM/yyyy",
+            "es-PY": "dd/MM/yyyy",
+            "es-SV": "dd/MM/yyyy",
+            "es-US": "M/d/yyyy",
+            "es-UY": "dd/MM/yyyy",
+            "es-VE": "dd/MM/yyyy",
+            "et-EE": "d.MM.yyyy",
+            "eu-ES": "yyyy/MM/dd",
+            "fa-IR": "MM/dd/yyyy",
+            "fi-FI": "d.M.yyyy",
+            "fil-PH": "M/d/yyyy",
+            "fo-FO": "dd-MM-yyyy",
+            "fr-BE": "d/MM/yyyy",
+            "fr-CA": "yyyy-MM-dd",
+            "fr-CH": "dd.MM.yyyy",
+            "fr-FR": "dd/MM/yyyy",
+            "fr-LU": "dd/MM/yyyy",
+            "fr-MC": "dd/MM/yyyy",
+            "fy-NL": "d-M-yyyy",
+            "ga-IE": "dd/MM/yyyy",
+            "gd-GB": "dd/MM/yyyy",
+            "gl-ES": "dd/MM/yy",
+            "gsw-FR": "dd/MM/yyyy",
+            "gu-IN": "dd-MM-yy",
+            "ha-Latn-NG": "d/M/yyyy",
+            "he-IL": "dd/MM/yyyy",
+            "hi-IN": "dd-MM-yyyy",
+            "hr-BA": "d.M.yyyy.",
+            "hr-HR": "d.M.yyyy",
+            "hsb-DE": "d. M. yyyy",
+            "hu-HU": "yyyy. MM. dd.",
+            "hy-AM": "dd.MM.yyyy",
+            "id-ID": "dd/MM/yyyy",
+            "ig-NG": "d/M/yyyy",
+            "ii-CN": "yyyy/M/d",
+            "is-IS": "d.M.yyyy",
+            "it-CH": "dd.MM.yyyy",
+            "it-IT": "dd/MM/yyyy",
+            "iu-Cans-CA": "d/M/yyyy",
+            "iu-Latn-CA": "d/MM/yyyy",
+            "ja-JP": "yyyy/MM/dd",
+            "ka-GE": "dd.MM.yyyy",
+            "kk-KZ": "dd.MM.yyyy",
+            "kl-GL": "dd-MM-yyyy",
+            "km-KH": "yyyy-MM-dd",
+            "kn-IN": "dd-MM-yy",
+            "ko-KR": "yyyy. MM. dd",
+            "kok-IN": "dd-MM-yyyy",
+            "ky-KG": "dd.MM.yy",
+            "lb-LU": "dd/MM/yyyy",
+            "lo-LA": "dd/MM/yyyy",
+            "lt-LT": "yyyy.MM.dd",
+            "lv-LV": "yyyy.MM.dd.",
+            "mi-NZ": "dd/MM/yyyy",
+            "mk-MK": "dd.MM.yyyy",
+            "ml-IN": "dd-MM-yy",
+            "mn-MN": "yy.MM.dd",
+            "mn-Mong-CN": "yyyy/M/d",
+            "moh-CA": "M/d/yyyy",
+            "mr-IN": "dd-MM-yyyy",
+            "ms-BN": "dd/MM/yyyy",
+            "ms-MY": "dd/MM/yyyy",
+            "mt-MT": "dd/MM/yyyy",
+            "nb-NO": "dd.MM.yyyy",
+            "ne-NP": "M/d/yyyy",
+            "nl-BE": "d/MM/yyyy",
+            "nl-NL": "d-M-yyyy",
+            "nn-NO": "dd.MM.yyyy",
+            "nso-ZA": "yyyy/MM/dd",
+            "oc-FR": "dd/MM/yyyy",
+            "or-IN": "dd-MM-yy",
+            "pa-IN": "dd-MM-yy",
+            "pl-PL": "dd.MM.yyyy",
+            "prs-AF": "dd/MM/yy",
+            "ps-AF": "dd/MM/yy",
+            "pt-BR": "d/M/yyyy",
+            "pt-PT": "dd-MM-yyyy",
+            "qut-GT": "dd/MM/yyyy",
+            "quz-BO": "dd/MM/yyyy",
+            "quz-EC": "dd/MM/yyyy",
+            "quz-PE": "dd/MM/yyyy",
+            "rm-CH": "dd/MM/yyyy",
+            "ro-RO": "dd.MM.yyyy",
+            "ru-RU": "dd.MM.yyyy",
+            "rw-RW": "M/d/yyyy",
+            "sa-IN": "dd-MM-yyyy",
+            "sah-RU": "MM.dd.yyyy",
+            "se-FI": "d.M.yyyy",
+            "se-NO": "dd.MM.yyyy",
+            "se-SE": "yyyy-MM-dd",
+            "si-LK": "yyyy-MM-dd",
+            "sk-SK": "d. M. yyyy",
+            "sl-SI": "d.M.yyyy",
+            "sma-NO": "dd.MM.yyyy",
+            "sma-SE": "yyyy-MM-dd",
+            "smj-NO": "dd.MM.yyyy",
+            "smj-SE": "yyyy-MM-dd",
+            "smn-FI": "d.M.yyyy",
+            "sms-FI": "d.M.yyyy",
+            "sq-AL": "yyyy-MM-dd",
+            "sr-Cyrl-BA": "d.M.yyyy",
+            "sr-Cyrl-CS": "d.M.yyyy",
+            "sr-Cyrl-ME": "d.M.yyyy",
+            "sr-Cyrl-RS": "d.M.yyyy",
+            "sr-Latn-BA": "d.M.yyyy",
+            "sr-Latn-CS": "d.M.yyyy",
+            "sr-Latn-ME": "d.M.yyyy",
+            "sr-Latn-RS": "d.M.yyyy",
+            "sv-FI": "d.M.yyyy",
+            "sv-SE": "yyyy-MM-dd",
+            "sw-KE": "M/d/yyyy",
+            "syr-SY": "dd/MM/yyyy",
+            "ta-IN": "dd-MM-yyyy",
+            "te-IN": "dd-MM-yy",
+            "tg-Cyrl-TJ": "dd.MM.yy",
+            "th-TH": "d/M/yyyy",
+            "tk-TM": "dd.MM.yy",
+            "tn-ZA": "yyyy/MM/dd",
+            "tr-TR": "dd.MM.yyyy",
+            "tt-RU": "dd.MM.yyyy",
+            "tzm-Latn-DZ": "dd-MM-yyyy",
+            "ug-CN": "yyyy-M-d",
+            "uk-UA": "dd.MM.yyyy",
+            "ur-PK": "dd/MM/yyyy",
+            "uz-Cyrl-UZ": "dd.MM.yyyy",
+            "uz-Latn-UZ": "dd/MM yyyy",
+            "vi-VN": "dd/MM/yyyy",
+            "wo-SN": "dd/MM/yyyy",
+            "xh-ZA": "yyyy/MM/dd",
+            "yo-NG": "d/M/yyyy",
+            "zh-CN": "yyyy/M/d",
+            "zh-HK": "d/M/yyyy",
+            "zh-MO": "d/M/yyyy",
+            "zh-SG": "d/M/yyyy",
+            "zh-TW": "yyyy/M/d",
+            "zu-ZA": "yyyy/MM/dd",
+        };
+
+        var l = navigator.language;
+        try
+        {
+            l = (new Intl.DateTimeFormat().resolvedOptions()).locale;
+        }
+        catch (e) { }
+        var format = formats[l] || "dd/MM/yyyy";
+        return forPlugin
+            ? format.replace("dd", "d")
+                .replace("MM", "M")
+                .replace("M", "m")
+                .replace("yyyy", "Y")
+            : format.toUpperCase();
+    }
+
+    this.getCurrentValue = function ()
+    {
+        return propertyValue.Value.DisplayValue;
+    }
+    var originalValue = this.getCurrentValue();
+    this.setOriginalValue = function (v) { originalValue = v || this.getCurrentValue(); }
+    this.getOriginalValue = function () { return originalValue; }
+    this.getPropertyValue = function ()
+    {
+        if (false == supportsEditing)
+            return propertyValue;
+
+        var currentValue = this.getCurrentValue();
+
+        var pv = new MFiles.PropertyValue();
+        pv.PropertyDef = propertyDef.ID;
+        if ((currentValue + "").length == 0)
+        {
+            pv.Value.SetValue(propertyDef.DataType, null);
+        }
+        else
+        {
+            try
+            {
+                pv.Value.SetValue(propertyDef.DataType, currentValue);
+            }
+            catch (e)
+            {
+                alert("Could not set value of " + currentValue + " for property " + propertyDef.Name);
+            }
+        }
+        return pv;
+    }
+
+    this.hasChanged = function ()
+    {
+        return this.getCurrentValue() !== originalValue;
+    }
+    this.isValidValue = function()
+    {
+        var currentValue = this.getCurrentValue();
+
+        // Not required; fine.
+        if (!isRequired)
+            return true;
+
+        // Required, so either needs to have a length or have an automatic value.
+        return (currentValue + "").length > 0 
+            || propertyDef.AutomaticValueType != MFAutomaticValueTypeNone;
+    }
+
+    this.renderLabel = function($parent)
     {
+
         // Create the label for the PV.
-        var $label = $("<label></label>");
+        var $label = $("<label></label>")
+            .attr("for", "propertyEditor-" + propertyDef.ID);
         if (isRequired)
             $label.addClass("mandatory");
         var $labelSpan = $("<span></span>");
         $labelSpan.text(propertyDef.Name);
         $label.append($labelSpan);
 
+        // If it can be removed then render the icon.
+        if (isRemovable)
+        {
+            var $removeButton = $("<a></a>")
+                .addClass("remove")
+                .click(function ()
+                {
+                    renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueRemoved);
+                });
+            if (null != $parent)
+            {
+                $parent.addClass("removable");
+                $label.prepend($removeButton);
+            }
+        }
+
         // Add to a parent if we can.
         if (null != $parent)
             $parent.append($label);
 
         return $label;
     }
-    function renderReadOnlyValue($parent)
+    this.renderReadOnlyValue = function()
     {
+        var $listItem = renderer.getListItem();
 
         // Create the value for the PV.
-        var $value = $("<span></span>").addClass("read-only-value");
-        var value = propertyValue.Value.DisplayValue;
+        var $value = $("span.read-only-value", $listItem);
+        if ($value.length == 0)
+        {
+            $value = $("<span></span>").addClass("read-only-value");
+            $listItem.append($value);
+        }
+
+        // Render the value.
+        var value = renderer.getCurrentValue();
         if ((value + "").length == 0)
-            value = "---";
+        {
+            $listItem.addClass("empty");
+            value = propertyDef.AutomaticValueType == MFAutomaticValueTypeNone
+                ? "---"
+                : "(automatic)";
+        }
         $value.text(value);
 
-        // Do any special processing for different data types.
-        switch (propertyDef.DataType)
+        // If it's invalid then mark the list item.
+        if (!renderer.isValidValue())
         {
-            case MFDatatypeMultiSelectLookup:
-                // Get the data out the lookups.
-                var lookups = propertyValue.Value.GetValueAsLookups();
-                // Only replace the value if we have something (otherwise leave as "---").
-                if (lookups.Count > 0)
-                {
-                    value = $("<div></div>");
-                    for (var i = 0; i < lookups.Count; i++)
-                    {
-                        value.append($("<div></div>").text(lookups[i].DisplayValue));
-                    }
-                    $value.empty().append(value);
-                }
-                break;
+            if (null != $listItem)
+                $listItem.addClass("invalid-value")
+            return $value;
         }
 
-        // Add to a parent if we can.
-        if (null != $parent)
-            $parent.append($value);
-
-        return $value
+        // We're good.
+        if (null != $listItem)
+            $listItem.removeClass("invalid-value");
 
+        return $value;
     }
-    function renderEditableValue($parent)
-    {
 
+    this.renderEditableValue = function($parent)
+    {
         // Create the value for the PV.
         var $value = $("<span></span>").addClass("editing-value");
 
-        // Render each data type.
-        switch (propertyDef.DataType)
+        // Create a standard input.
+        var $input = $("<input type='text' maxlength='100' />")
+            .addClass("auto-select")
+            .attr("id", "propertyEditor-" + propertyDef.ID);
+        $input.val(propertyValue.Value.DisplayValue);
+        $input.blur(function ()
         {
-            case MFDatatypeText:
-                var $input = $("<input type='text' />").addClass("auto-select");
-                $input.val(propertyValue.Value.DisplayValue);
-                $input.blur(function () { renderer.exitEditMode(); });
-                $value.append($input);
-                break;
-        }
+            renderer.exitEditMode();
+            renderer.dispatchEvent(PropertyValueRenderer.EventTypes.PropertyValueChanged);
+        });
+        $value.append($input);
 
         // Add to a parent if we can.
         if (null != $parent)
@@ -80,51 +400,59 @@
 
     }
 
-    renderer.enterEditMode = function ()
+    this.enterEditMode = function ()
     {
         // No editing?  Die.
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
         if (null == $listItem)
             return;
+
+        // Hide options.
+        $(".options-expanded").removeClass("options-expanded");
+
+        // Stop all others from being edited.
+        var $listItemsBeingEdited = $("li.editing").not($listItem);
+        for (var i = 0; i < $listItemsBeingEdited.length; i++)
+        {
+            var r = $($listItemsBeingEdited.get(0)).data("renderer");
+            r.exitEditMode();
+        }
+
+        // Already editing?
+        if ($listItem.hasClass("editing"))
+            return;
+
+        // Start editing.
         $listItem.addClass("editing");
         $(".auto-select", $listItem).select();
     }
-    renderer.exitEditMode = function ()
+    this.exitEditMode = function ()
     {
         // No editing?  Die.
         if (!dashboard.CustomData.configuration.EnableEditing)
             return;
-        switch (propertyDef.DataType)
-        {
-            case MFDatatypeText:
-                var value = $(".auto-select", $listItem).val() + "";
 
-                // Update the property value in memory.
-                propertyValue.Value.SetValue(MFDatatypeText, value);
-
-                // Update the UI.
-                if (value.length == 0)
-                    value = "---";
-                $(".read-only-value", $listItem).text(value);
-                break;
-        }
+        // Update the UI.
         $listItem.removeClass("editing");
+        return true;
     }
 
-    renderer.render = function ()
+    this.render = function ()
     {
         // Create the (parent) list item.
         $listItem = $("<li></li>");
+        $listItem.data("renderer", renderer);
+        $listItem.attr("tabindex", "0");
         $listItem.addClass("mfdatatype-" + propertyDef.DataType.toString()); // Add a class for the data type
         $listItem.data("propertyDef", propertyDef);
         $listItem.data("propertyValue", propertyValue);
 
         // Create the label.
-        renderLabel( $listItem);
+        this.renderLabel($listItem);
 
         // Create the read-only value.
-        renderReadOnlyValue($listItem);
+        this.renderReadOnlyValue();
 
         // Is editing enabled?
         if (dashboard.CustomData.configuration.EnableEditing)
@@ -133,20 +461,24 @@
             // Is the property editable?
             if (propertyDef.AutomaticValueType == MFAutomaticValueTypeNone)
             {
-                // Mark it as editable.
-                $listItem.addClass("editable");
 
-                // For now only deal with text properties, as that's all we support.
-                if (propertyDef.DataType == 1)
+                // Attempt to create the editable value.
+                var $editableValue = this.renderEditableValue($listItem);
+                if (null != $editableValue)
                 {
-
-                    // Create the editable value.
-                    renderEditableValue($listItem);
+                    // Mark it as editable.
+                    supportsEditing = true;
+                    $listItem.addClass("editable");
 
                     // Add the handler to allow editing.
                     $listItem.click(function (e)
                     {
-                        $(".editing").removeClass("editing");
+                        renderer.enterEditMode();
+                        e.stopPropagation();
+                        return false;
+                    });
+                    $listItem.focus(function (e)
+                    {
                         renderer.enterEditMode();
                         e.stopPropagation();
                         return false;
@@ -160,9 +492,51 @@
         if (null != $parent)
             $parent.append($listItem);
 
-
         return $listItem;
     }
 
+    // React when the property changes and update our read-only version.
+    renderer.addEventListener
+        (
+            PropertyValueRenderer.EventTypes.PropertyValueChanged,
+            function ()
+            {
+                renderer.renderReadOnlyValue();
+            }
+        )
+
     return renderer;
+}
+PropertyValueRenderer.EventTypes = {
+    PropertyValueChanged: 1,
+    PropertyValueRemoved: 2
+};
+PropertyValueRenderer.create = function (dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable)
+{
+    switch (propertyDef.DataType)
+    {
+        case MFDatatypeMultiSelectLookup:
+            return new MultiSelectLookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeLookup:
+            return new LookupPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeTimestamp:
+            return new TimestampPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeTime:
+            return new TimePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeDate:
+            return new DatePropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeBoolean:
+            return new BooleanPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeInteger:
+            return new IntegerPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeFloating:
+            return new FloatingPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeMultiLineText:
+            return new MultiLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        case MFDatatypeText:
+            return new SingleLineTextPropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+        default:
+            alert("Property datatype " + propertyDef.DataType + " not handled; rendering may fail.");
+            return new PropertyValueRenderer(dashboard, objectRenderer, propertyDef, propertyValue, isRequired, $parent, isRemovable);
+    }
 }
\ No newline at end of file