diff --git a/index.html b/index.html
index 89cb636..2d24c87 100644
--- a/index.html
+++ b/index.html
@@ -57,6 +57,7 @@
           <button v-on:click="sort" v-bind:class="[ sortBy === 'popularity' ? 'active' : '', sortBy === 'popularity' ? sortDir : '' ]">popularity</button>
           <button v-on:click="sort" v-bind:class="[ sortBy === 'name' ? 'active' : '', sortBy === 'name' ? sortDir : '' ]">name</button>
           <button v-on:click="sort" v-bind:class="[ sortBy === 'price' ? 'active' : '', sortBy === 'price' ? sortDir : '' ]">price</button>
+          <button v-on:click="sort" v-bind:class="[ sortBy === 'date' ? 'active' : '', sortBy === 'date' ? sortDir : '' ]">date</button>
           <button v-on:click="sort" v-bind:class="[ sortBy === 'iso' ? 'active' : '', sortBy === 'iso' ? sortDir : '' ]">ISO</button>
         </section>
       </aside>
diff --git a/js/script-index.js b/js/script-index.js
index 5c0c454..8eafed9 100644
--- a/js/script-index.js
+++ b/js/script-index.js
@@ -57,6 +57,8 @@ const app = new Vue({
             return a.price - b.price;
           case 'iso':
             return a.iso - b.iso;
+          case 'date':
+            return a.launched - b.launched;
         }
       });
       if(sortDir === 'asc') {