diff --git a/src/app/components/add-family/add-family.component.html b/src/app/components/add-family/add-family.component.html
index cef14d1..0899f2b 100644
--- a/src/app/components/add-family/add-family.component.html
+++ b/src/app/components/add-family/add-family.component.html
@@ -13,11 +13,25 @@
       </ion-item>
 
       <ion-item lines="none">
-        <ion-label>Age</ion-label>
+        <ion-label>Birthday(Year/Month)</ion-label>
       </ion-item>
 
       <ion-item lines="none">
-        <ion-input type="text"  maxlength="14" placeholder="Online Name" [(ngModel)]='online_name' ></ion-input>
+        <ion-grid>
+          <ion-row style="margin: 0px; padding: 0px;">
+            <ion-col style="margin: 0px; padding: 0px; background-color: #0b5e86;">
+              <ion-select aria-label="Month" value="apple" style=" background-color: aliceblue; border-radius: 5px; width: 100%; font-size: 12px;">
+                <ion-select-option *ngFor="let item of regMonth" value="apple">{{item}}</ion-select-option>
+              </ion-select>
+            </ion-col>
+            <ion-col style="margin: 0px; padding: 0px; background-color: #0b5e86;">
+              <ion-select aria-label="Year" value="apple" style=" background-color: aliceblue; border-radius: 5px; width: 100%; font-size: 12px;">
+                <ion-select-option  *ngFor="let item of regYear"  value="{{item}}">{{item}}</ion-select-option>
+              </ion-select>
+            </ion-col>
+          </ion-row>
+
+        </ion-grid>
       </ion-item>
       <div style="text-align: right;">
         {{profileMessage}}
diff --git a/src/app/components/add-family/add-family.component.ts b/src/app/components/add-family/add-family.component.ts
index 1a8845b..d4316f8 100644
--- a/src/app/components/add-family/add-family.component.ts
+++ b/src/app/components/add-family/add-family.component.ts
@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import {SessionDataProviderService} from "../../store/session-data-provider.service";
+import {WrenchService} from "../../services/wrench.service";
 
 @Component({
   selector: 'app-add-family',
@@ -8,9 +10,19 @@ import { Component, OnInit } from '@angular/core';
 export class AddFamilyComponent implements OnInit {
   isModalOpen:boolean = false;
   isModalOpenBackdrop:boolean = false;
-  constructor() { }
+  constructor(
+      public sessionDataProviderService: SessionDataProviderService,
+      private wrenchService: WrenchService
+  ) { }
+
+  regMonth:any;
+  regYear:any;
+  ngOnInit() {
+    this.regMonth=this.sessionDataProviderService.getMonths();
+    this.regYear = this.sessionDataProviderService.getChildAddYears();
+ //   debugger;
+  }
 
-  ngOnInit() {}
 
   addStart(){
     this.isModalOpen = true;
diff --git a/src/app/pages/familysettings/familysettings.page.ts b/src/app/pages/familysettings/familysettings.page.ts
index d16809b..a281d8a 100644
--- a/src/app/pages/familysettings/familysettings.page.ts
+++ b/src/app/pages/familysettings/familysettings.page.ts
@@ -27,11 +27,15 @@ export class FamilysettingsPage implements OnInit {
   curr_session:string='';
   session_image_server:string='';
 
+
   ngOnInit() {
     this.member_uid=  this.sessionDataProviderService.member_uid;
     this.curr_session =  this.sessionDataProviderService.session;
     this.session_image_server = this.sessionDataProviderService.session_image_server;
+
+
   }
+
   uploadData: {
     action:number,
     member_id: number,
diff --git a/src/app/store/session-data-provider.service.ts b/src/app/store/session-data-provider.service.ts
index 3aecb2d..06c2667 100644
--- a/src/app/store/session-data-provider.service.ts
+++ b/src/app/store/session-data-provider.service.ts
@@ -83,6 +83,20 @@ export class SessionDataProviderService {
 
  session_contructed:boolean = false;
 
+ getMonths(){
+   return  ["January","February","March","April","May","June","July",
+     "August","September","October","November","December"];
+ }
+ getChildAddYears(){
+  var currY = new Date().getFullYear();
+  var arrY = [];
+
+   for(var i=4; i<=18; i++) {
+     arrY.push(currY-i);
+   }
+
+    return arrY;
+ }
 
   ConstructGlobalSessionData(loginResult: any) {
     console.log('Hello ConstructGlobalSessionData Provider');