Accessing the selected value of the drop down belonging to one component from other component

I have drop down in one of the components(Language) and I am using that in other component(DataGrid). However, I want to retrieve the selected value of the dropdown in the language component.

Language Component

 <select>
     <option *ngFor="let locale of supportedLocales" value=
     {{locale.code}}>{{locale.code}}</option>
 </select>

I am using the Language component in the Data grid component in the following way.

Data grid

<div class="form-group">
  <label for="Language">Language</label>
  <language-component></language-component>
  <button (click)="requestData('**selected language needed*')">Submit</button>
</div>

How can I access the value of the selected value of drop down belonging to the language component within Data-grid component. Or somehow access in the .ts file of Datagrid ?